Intro
The hero — load sequence, draggable name pieces, the lit candle.
-
Intro v1a
Hero load sequence + draggable/throwable badges (GSAP inertia). Press R to replay.
intro_v1a.html
-
Intro v1b
Updated hero — new pink garden background and six embroidered member-name stickers (Haewon, Kyujin, Jiwoo, Bae, Sullyoon, Lily), still draggable/throwable. Press R to replay.
intro_v1b.html
-
Intro v1c
The harmonised hero at 1728 × 1117 — new garden plate under its plum screen, the six name badges at the design's own angles, and "Planned to Perfection" as live Romie with the alternate P. Badges still throw. R replays.
intro_v1c.html
-
Intro v2a
The new lace hero at 1728 × 1117 — the cake in its doily, the NMIXX Birthday Planner lockup, and eight cutwork pieces (six names, two doves) that hard-light onto the watercolour ground and can still be dragged and thrown. Each piece's turn is baked into its pixels so the mesh stays crisp. R replays.
intro_v2a.html
About
The About sheet, its entrance, and the cursor trails that play over it.
-
About Intro v1a
The About section at 1728 × 1210, built as an appearance sequence — the envelope lands and its flap turns open, two polaroids rise out of the pocket, the wax seal and the embroidered flower are pressed on, and the doily card writes itself out beside it. Paced to overlap so the copy is readable by ~1.4s while the envelope is still settling. Reuses the submit flow's envelope. R replays.
about_intro_v1a.html
-
Flower Trail v1a
About page base with a flower emoji mouse trail across the entire page (spawn every 300px of travel).
flower-trail_v1a.html
-
Flower Trail v1b
Emoji replaced with bespoke NMIXX ornaments — scalloped roses, lace doilies, balloons, sprigs, plus sparkle dust. Four finishes (satin default / bloom / ink / lace) and live density, size & linger controls. Click for a bouquet, H hides the panel.
flower-trail_v1b.html
-
Flower Trail v1c
Same trail, but the ornament sprite is replaced with the seeded generative flowers from the text-select study — stems find their angle, leaves turn over, petals open, then it all un-grows. Click for a bouquet, H hides the panel.
flower-trail_v1c.html
-
Flower Trail v1d
The same generative trail over the harmonised About artwork — the page is the image and nothing else, filling the viewport and cropping rather than scrolling. Click for a bouquet, H hides the panel.
flower-trail_v1d.html
-
Flower Trail v2a
The trail is lace appliqué, over the real About sheet — About Intro v1a’s live envelope, polaroids, doily card and copy at 1728 × 1210, with the intro taken out so every prop sits where the sequence used to leave it. The cursor lays down organza flowers and leaf sprigs: sheer petals each edged in an opaque satin cord, an inner ring falling between the outer petals so the veil doubles where they overlap, worked centres ringed with seed pearls. Depth comes from the layers actually stacking rather than from painted highlights. Ivory throughout, one cloth. Petals open out of the centre and pack away in the same order. Seed pearls are off by default; the toggle brings them back. Click for a cluster, H hides the panel.
flower-trail_v2a.html
-
Flower Trail v2b
The trail sprayed rather than sewn — Nicolas Party’s aerosol, over the About sheet. Each bloom is a flat disc of colour wearing a mask built from several soft radial lobes dropped off centre, so its edge lands at a different radius in every direction; nothing is blurred, because a blur is light and this is pigment. It arrives fast and then keeps creeping for another three seconds, the way paper goes on drinking after the spray stops. A fractal-noise tile over every bloom keeps the edge reading as droplets instead of fog, and the colour is dropped off the drawing on purpose — that slip is what makes two passes of a press out of one computed image. Under it, five kinds of flower head are generated from one seed each, so nothing on the page repeats; the drawing ships switched off. The trail prints on the paper only, running under the envelope and doily rather than over them. Panel tunes density, size, bleed, misregistration, linger and both passes’ strength, and Copy config puts the whole state on the clipboard.
flower-trail_v2b.html
-
Flower Trail v2b_v2
v2b narrowed and quietened: six hues down to four, all pink through purple, sprayed at 30%. Under multiply, distant hues make mud where they cross — which is why v2b had to ration its blue — but four close relatives cannot mix a colour the set does not already contain, so the blobs pile up freely and the overprint stays legible however much of it lands. The plum earns its place by being the one dark note; at a third strength everything else dissolves into the paper.
flower-trail_v2b_v2.html
-
Flower Trail v2c
The same About sheet, with the glitter-graphic sparkle instead of the lace — flat on purpose: no stacked glows, no streak, no tilt. Three kinds share the trail: a rare large burst, a hot point under a fan of thirty-odd hair-fine rays with a four-point cross laid over it; the plain four-point star as the common mid size, concave flanks pulling each spike into a needle rather than a triangle; and specks and micro-stars between. One archetype repeated reads as a stamp — the mix of sizes is what reads as glitter. The stars are white and so is everything around them — no tinted rim, and nothing behind a sparkle darker than the paper, so what surrounds one reads as spill rather than shadow: the shape, a tight bloom in the same white, and a soft disc under both. The trail is a band rather than a line: each crossing of the spacing threshold puts down a small group scattered either side of the direction of travel, on a bell so it stays dense down the middle and thin at the edges, each piece a few milliseconds behind the last. Specks range wider than the stars, so the dust gives the width and the stars punctuate it. Fades up and thins away rather than blinking. Spread is on a slider. Click to burst, H hides the panel.
flower-trail_v2c.html
-
Flower Trail v2d
Wet into wet — the same machinery aimed at watercolour instead of aerosol, with nearly every property of a bloom inverted. Spray has no edge and thins until it is gone; water has a very definite one, so every lobe of the mask now goes to full and cuts, leaving a crisp irregular boundary with the palest part of the wash pressed against it. The gradient inverts with it: a saturated off-centre core running out to a fifth of the strength, with a small rise in alpha at the rim — the tidemark — that stops the shape reading as a sticker. Grain becomes paper tooth. Rose through coral with one ochre, and density and linger come back up because the reference is a cluster: one bloom’s edge crossing another’s body is half of what makes it read as water.
flower-trail_v2d.html
-
Flower Trail v3a
The glitter trail on the redrawn About section — paper, one centred doily and the words, with none of v2c’s envelope, polaroids, wax seal or embroidered flower. The trail itself is v2c’s and untouched; what it gains is room, with bare paper either side of a single card where the props used to fill the left half. Copy is the redraw’s, and the paper plate is turned a quarter so its border closes as a rectangle rather than losing its top and bottom to the crop.
flower-trail_v3a.html
-
Flower Text Select v1a
About Us rebuilt as live text — every character a selection swallows plants a seeded flower behind it, and letting go un-grows them (petals fold in, stems retract). Drag across a line.
flower-text-select_v1a.html
-
Flower Text Select v1b
The About section rebuilt against the harmonised design and framed to 1728 × 1117 — real Romie, Francesco and Libertinus, the card on its 1° tilt, and a flower bed inside each rotated context so plants still grow under the words. Drag across a line.
flower-text-select_v1b.html
Our Planners
The six-card carousel and the finishes tried on its stock.
-
Planners v1a
The Our Planners section at 1728 × 1210 — the six cards ride the rim of one 4130px wheel, 7° apart, so navigating rotates the hub and they all swing along the same arc. The deck deals itself in from off the right edge on load; the arrows step one card and stop dead at each end (no loop). Real member photography, cropped out of the design's own contact sheet. ← → work, R replays.
planners_v1a.html
-
Planners v1b
v1a with the holofoil taken off and nothing put back in its place. The interaction is identical — the same 4130px wheel, the same 7° step, the same pointer tilt rotated back into each card's own axes, the same deal, arrows and keys — but the galaxy plate, the rainbow holo pass, the iridescent sheen and the travelling streak are all gone. What is left is the specular that was always underneath them, re-keyed to Hall of Fame v2a's single gleam: a soft highlight that follows the pointer, resting so the card reads as stock with a surface and rising under the pointer. Overlay rather than Hall of Fame's screen, because these cards are white and screen on white is a no-op. The portrait also stops being dimmed — it was only ever held down to give the colour-dodge headroom. ← → work, R replays.
planners_v1b.html
-
Card Gloss v1a
Our Planners carousel — cards carry a galaxy holofoil that tilts and catches the light on hover (after pokemon-cards-css).
card-gloss.html
-
Card Gloss v1b
The carousel on the harmonised design — real licensed faces at last (Romie Medium Italic, SLTF Netsera roman and italic, Francesco), plus the plum palette that replaces the old rose. Same galaxy holofoil.
card-gloss_v1b.html
Hall of Fame
The award cards, dealt and tilted.
-
Hall of Fame v1a
Tinder-style swipe deck of the six planner award cards — drag or throw one off and the next comes forward, looping forever. Each card wears its own embroidered sticker and name patch, which spring on only for the card in front. Arrow keys work too.
hall-of-fame_v1a.html
-
Hall of Fame v2a
The award wall rebuilt off the R5 section frame at 1728 × 2116 — six cards on a 3 × 2 grid, each one a stack of printed pieces: dusty stock, a damask panel inset in it, a scalloped plaque for the award, a lace doily with the member discked into it, a crocheted medallion pinned on at 8°, and her name in lace. The deck lays itself down one card at a time; hovering tilts a card toward the pointer exactly as the planners carousel does, with no holofoil — these are paper, not foil stock. R replays.
hall-of-fame_v2a.html
-
Hall of Fame v2b
The redrawn award cards on v2a’s motion, held fixed — the is-active block, every keyframe and the whole script are byte-identical, so the deck still deals one card at a time and hovering still tilts toward the pointer with the same gleam. The board is near-white paper carrying its own printed damask rather than dusty rose, the portrait sits on a blush disc, and the plaque swaps its lines: English leading in Romie Bold Italic above the Korean, sized per card so the longest names still hold the plaque’s width. The medallion pinned beside each portrait is draggable within its own card with GSAP inertia — it is the one piece that is pinned on rather than printed, so it is the only thing that can be picked up.
hall-of-fame_v2b.html
Book a Planner
The greeting, the request form and the thank you.
Pieces
Single components, out of their sections.