jammy phan · mission files
mission file 005 · studio lucky bamboo

The studio site, rebuilt with the process it sells

studioluckybamboo.com live homepage: the first stalk rising from a glass vase beside the headline Web design for health, wellness, and mission-based practices
Live · studioluckybamboo.com · The Nine Stalks, chapter one jump to the making of ↓

clientStudio Lucky Bamboo · my own studio

missionweb design for health, wellness, and mission-based practices

rolefounder · niche, brand, design, build

windowJul 13 → live Aug 17, 2026 · iterating since

stackstatic html · gsap · lenis · vercel

the problem · a studio site that did not say who it was for

An agency site that could have belonged to anyone

Studio Lucky Bamboo had a live site, seven years of work behind it, and a services list that chose no reader. Before a pixel moved, the niche had to be decided. Then I had to hold my own work to the standard I hold a client's.

The old site had started on Webflow and been migrated to WordPress on SiteGround. It listed services. It did not say who they were for, and a site that speaks to everyone is a site nobody recognises themselves in.

The niche came first

On 2026-07-13 the studio became a health and wellness studio only. Vietnamese salons and real estate, two audiences I had served, were dropped rather than de-prioritised. Two weeks later the positioning narrowed to therapists first. On launch day it widened again, deliberately, to the whole circle of healing: physical, mental, spiritual and energy work, plus mission-based organisations. The audience wall on the live site names that circle.

Nobody holds the line on your own site

A client brief comes with constraints. A founder's own brief comes with none, and every direction stays available until someone rules. So the constraints were written down before the first concept: transparent pricing on the page, no fabricated proof or quotes, an ordinal process with no promised durations, accessibility measured rather than assumed, and a reduced-motion branch that is a complete page, not a broken one.

what I started with
3Platforms in the site's history · Webflow, then WordPress on SiteGround, now a static build on Vercel.
23Modalities on the audience wall today · the circle the site now speaks to, from acupuncture to holistic dentistry.
the approach · moodboard first, then a wide field, then one spine

Decide the story before the pixels. Then explore wide enough to earn it.

This is the same process I run for a client, on myself, with the receipts kept. A moodboard before any build. A concept field wide enough that the winner is chosen against real alternatives, not the only option on the table. Then a ruled convergence, where every round after the decision carries the same facts.

  • Moodboard first. An Obsidian canvas with reference wings and the wireframe spine, 65 nodes, before the first scroll-journey build. Palette and type were ruled there, not in the browser.
  • A wide field. 36 landing concepts, page drafts, labs and metered-tool swings across July and August, each with a recorded verdict. None deleted.
  • A parallel identity track. 19 logo rounds, from six first lockups to the Culm Tie, with every round's own review board kept and the rasters checked at 64, 32 and 16 px.
  • One spine. Lucky bamboo is gifted in counted stalks and the counts mean things. The visitor grows the arrangement by scrolling. Booking the call adds the ninth stalk.
  • The ruled facts on every round. A $9,999 signature build and $300 / $600 / $900 care tiers stated on the page. No fabricated numbers or quotes. Six ordinal steps with no durations. No em-dashes in visible copy. No "AI" anywhere client-facing.
1intention
2love
3happiness & luck
5wealth
6harmony
8growth
9great fortune

chapter 3 is the proof: four live client sites, and the spiral culm grows there. chapter 9 is the booking call. the counts skip 4 and 7 because the gift counts do.

transmission · the bar · my own words, 2026-08-07
"Great animation, transition, parallax effects, whatever the cutting-edge digital creative agencies are capable of."

I wrote that after scrolling the first scroll-journey build on a trackpad and ruling it too basic. The choreography plumbing was passing. The scene craft was not: flat sections instead of layered scenes, type sitting on the page instead of in it, no depth. Every round after that night was measured against this sentence, including the ones I built myself.

the making of, below, is the whole field. every round kept, every card opens.

the making of · every round, kept

The making of.

Design variations are never deleted in this studio. Rounds stack; they supersede, never remove. That rule is the reason this section can exist: every board, atlas and landing concept below is the file that was reviewed at the time, labelled with what happened to it.

click any card. self-contained concepts open as working pages in a new tab. the heavier builds, the review boards and the six concepts that only ever lived as hosted artifacts open a full capture.

the finalists · three ratified states, one live

Where the identity landed

Three marks were ratified along the way and none were thrown out. The Round 10 pair, the Round 12 cohesion lockup, and the Round 19 Culm Tie that is live today.

Round 10 primary lockup, dark ground
Round 10 · primary lockup Condensed, equal-height wordmark and the Counted XL grove, 24u joints. Ratified 2026-07-30.
Round 10 grove icon, dark ground
Round 10 · grove icon The 1-2-3 blade and ring count holds from 30 px; the silhouette holds at 16.
Round 12 cohesion lockup, dark ground
Round 12 · cohesion lockup One composed SVG, 18u rings, culm green. The header mark from 2026-08-03 through the first Nine Stalks rounds.
Round 19 Culm Tie lockup with Rootline Roman wordmark, dark ground
Round 19 · Culm Tie × Rootline Roman Icon ink height 2.40 C. Live in the masthead and footer since 2026-08-21.
Round 19 Culm Tie solo icon, dark ground
Round 19 · Culm Tie, solo Three canes bound by a gold tie instead of crossed by a rail.
The live favicon, the reduced Culm mark
The favicon · Culm Reduced At 16 px the three canes fuse into one column, so the tab gets its own reduced cut.
typography

The wordmark faces

Every face the wordmark was set in, by round, on one page. Rootline Roman is the live face.

atlas

Typography and wordmarks atlas

logo/atlas-typography.html · rounds 8 to 19

Every wordmark face by round: the round 14 rejected explorations, the round 15 de-ticked convergence, Rootline Roman as the live face.

full capture
lockups · icons · the button

Lockups, icons and the CTA lab

The atlases are generated from the files on disk, so they never drift from the marks. The CTA lab is where the button stopped being a pill and became a bamboo culm.

atlas

Icon + typography lockups atlas

logo/atlas-lockups.html

Live-site lockups first, then round 19's six Culm Tie ratios, then everything that preceded them.

full capture
atlas

Icons atlas

logo/atlas-icons.html

Live-site icons, then round 18's 34 bound-bundle cards, then every earlier grove and culm.

full capture
lab

Lockup lab · six R19 ratios

the-nine-stalks/_lockup-lab/index.html

The six candidate lockups rendered in the live masthead at real clamp widths, with a crown-visibility harness.

full capture
lab · R7-A shipped

CTA lab · the button becomes a culm

the-nine-stalks/_cta-lab/index.html · rounds 1 to 7

Seven rounds on one button. R6-C (the culm outgrows the pill) shipped in round 12; R7-A (the crown seats, the culm leafs out) shipped in round 16.

full capture
index

Master asset atlas

ATLAS.html

Brand kit, icons, typography, lockups, CTA lab, descent lab and the concept atlas, from one page.

full capture
landing concepts · july 2026

July: the wide field

Six hosted artifacts, then a descent that was re-skinned in four atmospheres and five genres, then an agency round, then a day/night system that won and was set aside four days later. Every one still opens.

chosen, then superseded

The Grove

2026-07-14 · signature-interaction concept

Canvas grove, every stalk on its own phase, the cursor a gust. Chosen over The Ring on 07-14 and held as concept of record until 07-27.

captured screen · hosted artifact ↗
runner-up

The Ring

2026-07-14

Daylight culm in cross-section. Drag a scrubber through growth rings; each ring fills gold and locks in one word.

captured screen · hosted artifact ↗
repurpose candidate

The Swarm

2026-07-18 · Grove-caliber round

About 2,400 particles condense into the word grow, then re-form as a grove of light. Strong hero; floated for the Work page.

captured screen · hosted artifact ↗
favourite, rescoped

The Climb

2026-07-18

Scroll-as-ascent up one giant culm. My favourite of the four, inverted into The Descent: land at the crown, scroll down.

captured screen · hosted artifact ↗
archived

The Terraces

2026-07-18

A hillside of terraced paddies, water surfaces with gold shimmer. Cool, but not a landing page. Kept for another page.

captured screen · hosted artifact ↗
archived

The Lanterns

2026-07-18

Paper lanterns kindle above a silhouetted grove; each hero lantern is a shipped project. Archived for use elsewhere.

captured screen · hosted artifact ↗
The Descent v1, captured frameopen the concept ↗
exploration

The Descent v1

2026-07-21 · overnight build

Load at the crown of a 120 m bamboo, descend through sky, cityscape, ground, rhizome, end on a look-back-up payoff.

working page · opens in a new tab
First Light, captured frameopen the concept ↗
exploration

First Light

2026-07-21 · atmosphere round

The daytime descent: morning blue-to-cream sky, pale sunlit towers, pale-gold rhizome.

working page · opens in a new tab
Stratosphere, captured frameopen the concept ↗
exploration

Stratosphere

2026-07-21 · atmosphere round

Opens in near-space with aurora ribbons; bioluminescent roots in violet-black soil.

working page · opens in a new tab
Golden Hour, captured frameopen the concept ↗
exploration

Golden Hour

2026-07-21 · atmosphere round

Sunset amber over old-town silhouettes, autumn-gold grove, embers rising through bronze soil.

working page · opens in a new tab
Monsoon, captured frameopen the concept ↗
exploration

Monsoon

2026-07-21 · atmosphere round

Rain-streaked grey-green sky, tube-house city through fog, paddy-water shimmer, a water table beneath the roots.

working page · opens in a new tab
Ink Scroll, captured frameopen the concept ↗
evolved

Ink Scroll

2026-07-21 · genre round

Vietnamese ink-wash hanging scroll: aged paper, brush culm, red seal chop. Captured the bamboo concept best; became Ink Atelier and Night Ink.

working page · opens in a new tab
Pixel Descent, captured frameopen the concept ↗
evolved

Pixel Descent

2026-07-21 · genre round

Retro 8/16-bit level: cratered gold moon, dithered sky bands, subway-map roots. Loved; became Hi-Bit Orbit.

working page · opens in a new tab
Blueprint, captured frameopen the concept ↗
out

Blueprint

2026-07-21 · genre round

An architect's master drawing with dimension lines and a title block. Too architectural.

working page · opens in a new tab
Papercraft, captured frameopen the concept ↗
exploration

Papercraft

2026-07-21 · genre round

Layered paper-cut diorama, torn-paper soil with gold ribbon roots. Nice; neither advanced nor cut.

working page · opens in a new tab
Space Elevator, captured frameopen the concept ↗
exploration

Space Elevator

2026-07-21 · genre round

Sci-fi bio-tower with an orbital opening. Its opening fed Hi-Bit Orbit.

working page · opens in a new tab
Hi-Bit Orbit, captured frameopen the concept ↗
superseded 07-27

Hi-Bit Orbit

2026-07-21 to 07-22 · agency round

Pixel Descent's premium evolution: planet curvature, drifting asteroids, burn-in sparks scaling with scroll velocity.

working page · opens in a new tab
Ink Atelier, captured frameopen the concept ↗
won 07-27, superseded 07-31

Ink Atelier

2026-07-21 to 07-24 · agency round

Ink-wash made editorial: oversized type with gold-foil words, magazine folios, a letterpress ring beside the CTA.

working page · opens in a new tab
Night Ink, captured frameopen the concept ↗
won 07-27, superseded 07-31

Night Ink

2026-07-21 to 07-24 · agency round

The same brushwork at midnight: pale culm under a mottled moon, gold root veins the brightest thing on the page.

working page · opens in a new tab
The Descent · rigorous build, captured frameopen the concept ↗
superseded 07-27

The Descent · rigorous build

2026-07-24

Four zones from 124 m to minus 8 m with a live altimeter, then the camera turns straight up.

working page · opens in a new tab
Payoff prototype, captured frameopen the concept ↗
component

Payoff prototype

2026-07-24

The look-back-up shot on its own page: iris, pull-back, settle. Two bugs caught here instead of in the full build.

working page · opens in a new tab
Landing conversion · day, captured frameopen the concept ↗
superseded 07-31

Landing conversion · day

2026-07-27 to 07-30

The 07-27 pick built on the conversion spine, Ink Atelier as light mode. Ruled copy facts first appeared here.

working page · opens in a new tab
Landing conversion · night, captured frameopen the concept ↗
superseded 07-31

Landing conversion · night

2026-07-27 to 07-30

Night Ink as dark mode on the same spine; the day/night toggle shell is the folder's own index page.

working page · opens in a new tab
Atelier Nightfall · fuse prototype, captured frameopen the concept ↗
superseded, top pick

Atelier Nightfall · fuse prototype

2026-07-27 · reopened 08-21

Two engines in iframes under a thin orchestrator: clock detect, toggle, moon-to-sun morph. I reopened it on 08-21 as one of the top design picks.

working page · opens in a new tab
Studio · one root system, captured frameopen the concept ↗
unreviewed draft

Studio · one root system

2026-07-21 · page draft

The about page on the solo-honesty reframe: one gold artery, four labelled canes.

working page · opens in a new tab
Process · Root and Canopy, captured frameopen the concept ↗
unreviewed draft

Process · Root and Canopy

2026-07-21 · page draft

Root, Shoot, Culm, Canopy: a growth spine that lights a gold ring and unfurls a leaf as each stage passes.

working page · opens in a new tab
Work index, captured frameopen the concept ↗
unreviewed draft

Work index

2026-07-21 · page draft

Flagship-first editorial cards, the off-niche salon labelled honestly, a your-practice-here slot.

working page · opens in a new tab
The Desk · chat intake, captured frameopen the concept ↗
unreviewed draft

The Desk · chat intake

2026-07-27 · page draft

Deliberately not a chat bubble: an ink-linework culm whose four internodes fill as fields are answered.

working page · opens in a new tab
unreviewed draft

Case study page · Battle On Therapy

2026-07-27 · page draft

The seven-slot detail page, populated from a real client record, inheriting the day/night system.

full capture
exploration

Night Ink Bloom

2026-07-22 · Lovable swing

Ink-particle dispersion driven by scroll velocity. Graft material, not a competitor.

full capture
exploration

Ink Atelier Foil Press

2026-07-22 · Lovable swing

A horizontal folio chapter with letterpress kinetic type.

full capture
exploration

Still Water Reflections

2026-07-24 · Lovable swing

Reflection as interface: a literal waterline splits the viewport and the reflection resolves sharper than reality. Private build.

full capture
exploration

Calm Architecture / Breathing Grove

2026-07-24 · Lovable swing

A breath-paced interface: one global 11-second breath clock drives all motion, with non-coercive CTA language. Private build.

full capture
landing concepts · august 2026

August: the two lanes and the spine

The scroll-journey build that set the bar, a Next.js prototype, and two MotionSites-class lanes built in parallel without cross-editing. The Nine Stalks went live on 2026-08-17.

superseded by the MotionSites lanes

The Grove · scroll journey

2026-07-31 to 08-08

One continuous journey from pre-dawn grove to night canopy, scroll-driven time of day, seven generated backdrops. This is the build I ruled too basic.

full capture
prototype

v3 MotionSite · Next.js prototype

2026-08-11 to 08-14

The Nine Stalks idea on Next.js 16, React 19, GSAP and R3F. An engineering lane, not a candidate surface.

full capture
parallel lane

The Floating Studio

2026-08-10 to 08-15 · parallel lane

Six acts: dawn grove, the threshold door, a floating studio, a plant-filled interior with koi, canopy push-through, night close.

full capture
The Nine Stalks, captured frameopen studioluckybamboo.com ↗
chosen · live

The Nine Stalks

2026-08-11 · live 2026-08-17

Lucky-bamboo gift-count numerology as the whole site. A glass vase; the visitor grows the arrangement by scrolling; the ninth stalk is the booked call.

the live site

captures made headless at 1440 px on 2026-09-01 from the files on disk. the six july artifacts use the captured screens already on the concept atlas.

the outcome · live on august 17, and still iterating

Live five weeks after the niche decision. Then the real review began.

The Nine Stalks went live on studioluckybamboo.com on 2026-08-17 as a static site on Vercel. The DNS zone stayed where the email lives; only the web records moved.

Launch day was also review day. Five rounds landed from live trackpad reviews between the first deploy and the last: the hero said the service, the proof cards went dual-action, the nav got real section links, the footer was rebuilt, the positioning broadened, and the first trial identity went into the masthead. Four more rounds and a privacy page followed the next day; the Culm Tie lockup and its ratio correction followed on the 21st.

The ruled facts held

The $9,999 anchor appears exactly twice on the page and was recounted every round. The proof chapter is four live client sites, not a testimonial wall. The process is six ordinal steps with one duration on the whole page: a 30-minute intro call. No "AI" client-facing. No em-dashes in visible copy, verified with the comments stripped.

Accessibility measured, not assumed

Contrast was measured in both tone states, not eyeballed: the nav label at 16.8:1 on paper and 18.5:1 on the dark chapters, the closing quote at 18.5:1, its attribution at 13.7:1, the button labels at 10:1 or better. The reduced-motion branch creates no animation at all; it renders the completed nine-stalk arrangement, roots out, ribbon tied, numeral 9.

Performance kept honest

Round four found the page killing its own renderer after sitting open: nine permanently promoted compositor layers. That was fixed by measurement, and every round since has re-checked it. Heap flat at 9.54 MB across two full scroll passes, one animation frame per canvas, transforms and opacity only.

Identity, in three ratified states

The Round 12 cohesion lockup was ratified on 2026-08-03 and carried into the first Nine Stalks rounds. Four trial identities then went into the live masthead one at a time, each fully reversible from a dated snapshot. The Culm Tie with the Rootline Roman wordmark was ruled in Round 19 and has been live since 2026-08-21 at the ratio I set: icon ink height 2.40 times the cap height.

transmission · what I would tell a client
Don't delete earlier variations. Rounds stack; supersede, never remove.

It is the least glamorous rule in the studio and the one that made this page possible. Every direction above still opens, dated, with the verdict it was given at the time. When a newer round fails, an older one can be put back in play in minutes.

every figure on this page traces to the build's own round log, the concept atlas, or the 2026-08-22 post-launch audit. nothing here is a marketing estimate.

the build record · what the files can prove

By the numbers.

19Logo rounds · from six first lockups to the Culm Tie, every board kept.
36Landing concepts, page drafts, labs and swings on the concept atlas · every one still opens.
6 / 6Live URLs returning 200 at the post-launch audit · zero console errors, Brotli on, HSTS on.
9.54 MBHeap, flat across two full scroll passes · the leaf pool proven non-growing.
16.8:1Nav label contrast on paper · 18.5:1 over the dark chapters. Measured, not eyeballed.
23Modalities on the audience wall · the circle the site speaks to.

sources: the-nine-stalks round log, logo/concepts, the concept atlas, and the 2026-08-22 post-launch audit. each tile's source path is in the page source beside it.

the line it closes on · no client this time

The site ends on a sentence I did not write.

If you want the tree to grow, it won't help to water the leaves. You have to water the roots.

Thích Nhất Hạnh · as it appears in chapter nine of studioluckybamboo.com

There is no client testimonial on this dossier because there is no client. The Nine Stalks lands that line on the root animation: the first stalk sends its roots out before the second one rises. It is the closest thing to a brief this project had.

mission file 005 · end of report

The next drop
could be yours.

The same process, on your practice's site: the niche first, a moodboard, a field wide enough to choose from, and a ruled build that keeps its own receipts.

previous dossier · mission file 004

Nexus PR

A Portland PR firm's earned media, rebuilt as long-form pages a search engine can read. Four pages, a real booking path, and a quarter of climbing impressions.

dossier held pending client approval

earlier dossier · mission file 003

WeShine

A Portland nonprofit's donation path, recovered before Give!Guide season, then monthly stewardship that never missed a month.

read mission file 003 →

© 2026 jammy phan · jam drop · mission file 005 · studio lucky bamboo

full capture