Contact sheet, rounds 1 to 9
Every early mark rasterised to real 64 / 32 / 16 px files and checked, not asserted. Bundle, joint, growth ring, rhizome, brush stalk, sprout, leaf emblem, culm ring.
full capture
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
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.
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.
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.
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.
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.
"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.
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.
Round 1 was six lockups. Round 19 was one ratio. Between them: a full-height wordmark ruling, a dragonfly that stayed out, four trial identities on the live site, and a bound bundle that finally beat the fence reading.
Every early mark rasterised to real 64 / 32 / 16 px files and checked, not asserted. Bundle, joint, growth ring, rhizome, brush stalk, sprout, leaf emblem, culm ring.
full captureThe first client-style presentation board: wordmark directions (modern luxury, pristine geometry) beside the culm marks.
full captureLayout locked to one horizontal row. Five leaf placements on the grove icon; page-native gold correction.
full captureFive faces in the landing page's own tokens: Be Vietnam, Notched XL, Old Style, Grotesque, Condensed.
full captureCounted XL recovers the 1-2-3 blade and ring count at 30 px; Fan XL strongest at header size.
full captureMy ruling, verbatim in the brief: STUDIO, LUCKY and BAMBOO the same size and cap height. Condensed lockup plus the Counted XL grove, 24u joints.
full captureSmaller notches so the joints read as bamboo nodes, and the dragonfly-wings variation I asked to see.
full captureThe dragonfly resting on the left culm, wings sized like the leaves. Recorded direction: it stays out of the core mark.
full captureOne composed SVG, 18u rings, culm green #7FA36B on dark. Carried by day, night, grove journey and the first Nine Stalks rounds.
full captureThe grove icon pushed along five axes at once, each a separate cut so the change can be judged alone.
full captureReed, Colophon and Bone wordmarks; Rootstock, Open Chop and Scaffold icons. Each in light, dark and mono.
full captureRootline Roman and Reed crossed with Seal Fragment and Scaffold, horizontal and stacked. Rootstock × Reed and Scaffold × Rootline went to the live site as trials.
full captureIcon iterations on the four shortlisted cuts, measured with the same weight harness as round 15.
full captureFive cuts on one idea: a node row that climbs left to right so the mark stops reading as a fence.
full captureThree canes in the site's own CTA culm language, bound by a gold tie instead of crossed by a rail. Culm Tie ruled the same day.
full captureThe tie, the leaf, the vessel and the reduced favicon cut, each isolated.
full captureIcon ink height 2.40 C, gap 1.00 C, clear space 1 C. The ratio I ruled; the masthead was corrected to it the same day.
full captureWhich file goes where, the measured minimum sizes, and the reduced mark for the favicon where the three canes fuse.
full captureThe single-page review Jammy reads before a ruling: ratified lockup, equal-height wordmark, icon at real sizes.
full captureThree 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.
Every face the wordmark was set in, by round, on one page. Rootline Roman is the live face.
Every wordmark face by round: the round 14 rejected explorations, the round 15 de-ticked convergence, Rootline Roman as the live face.
full captureThe 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.
Live-site lockups first, then round 19's six Culm Tie ratios, then everything that preceded them.
full captureLive-site icons, then round 18's 34 bound-bundle cards, then every earlier grove and culm.
full captureThe six candidate lockups rendered in the live masthead at real clamp widths, with a crown-visibility harness.
full captureSeven 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 captureBrand kit, icons, typography, lockups, CTA lab, descent lab and the concept atlas, from one page.
full captureSix 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.
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 ↗Daylight culm in cross-section. Drag a scrubber through growth rings; each ring fills gold and locks in one word.
captured screen · hosted artifact ↗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 ↗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 ↗A hillside of terraced paddies, water surfaces with gold shimmer. Cool, but not a landing page. Kept for another page.
captured screen · hosted artifact ↗Paper lanterns kindle above a silhouetted grove; each hero lantern is a shipped project. Archived for use elsewhere.
captured screen · hosted artifact ↗
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
The daytime descent: morning blue-to-cream sky, pale sunlit towers, pale-gold rhizome.
working page · opens in a new tab
Opens in near-space with aurora ribbons; bioluminescent roots in violet-black soil.
working page · opens in a new tab
Sunset amber over old-town silhouettes, autumn-gold grove, embers rising through bronze soil.
working page · opens in a new tab
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
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
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
An architect's master drawing with dimension lines and a title block. Too architectural.
working page · opens in a new tab
Layered paper-cut diorama, torn-paper soil with gold ribbon roots. Nice; neither advanced nor cut.
working page · opens in a new tab
Sci-fi bio-tower with an orbital opening. Its opening fed Hi-Bit Orbit.
working page · opens in a new tab
Pixel Descent's premium evolution: planet curvature, drifting asteroids, burn-in sparks scaling with scroll velocity.
working page · opens in a new tab
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
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
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
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
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
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
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
The about page on the solo-honesty reframe: one gold artery, four labelled canes.
working page · opens in a new tab
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
Flagship-first editorial cards, the off-niche salon labelled honestly, a your-practice-here slot.
working page · opens in a new tab
Deliberately not a chat bubble: an ink-linework culm whose four internodes fill as fields are answered.
working page · opens in a new tabThe seven-slot detail page, populated from a real client record, inheriting the day/night system.
full captureInk-particle dispersion driven by scroll velocity. Graft material, not a competitor.
full captureA horizontal folio chapter with letterpress kinetic type.
full captureReflection as interface: a literal waterline splits the viewport and the reflection resolves sharper than reality. Private build.
full captureA breath-paced interface: one global 11-second breath clock drives all motion, with non-coercive CTA language. Private build.
full captureThe 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.
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 captureThe Nine Stalks idea on Next.js 16, React 19, GSAP and R3F. An engineering lane, not a candidate surface.
full captureSix acts: dawn grove, the threshold door, a floating studio, a plant-filled interior with koi, canopy push-through, night close.
full capture
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 sitecaptures 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 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 $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.
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.
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.
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.
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.
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.
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.
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.
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
A Portland nonprofit's donation path, recovered before Give!Guide season, then monthly stewardship that never missed a month.
© 2026 jammy phan · jam drop · mission file 005 · studio lucky bamboo