Conversion
The first viewport is what a cold click sees at 1440 × 900. Judge that before the full page.
Artboards at equal scale, uncropped in full-page mode: generated stills for 01–04, page screenshots for 05–07. Section crops are approximate. Brand lockup and receipts are placeholders throughout; the count and door price are live as of 28 Sep in the HTML looks.
What they keep
- Dark only. #0E0620 ground on every board except 06, which goes near-black and ends on a bone signature page, and says so.
- Archivo. With three rulings pending: the condensed cut in 03 and 04, monospace that has moved from artwork into labels, and mixed-case headlines in 05 and 06. 07 asks for none.
- One red element per view. The Join button. Nothing else on any board is red.
- No people, no fabricated proof, no money imagery. Receipts are labelled placeholders; the count and door price are live as of 28 Sep in the HTML looks.
- The seven-item nav and the 7-day guarantee line, verbatim.
What differs
- Material. Smoked glass · silk and smoke · velvet, marble and brass · characters as surface · a wall and a window · paper on a black desk · glass, stamped.
- Light. One edge light · rim light on a fold · candle and chandelier · emissive, everywhere · through the aperture · a desk lamp · from the poster.
- Motion. A ribbon into the button · almost none · a physical-to-digital wipe · character rain · a zoom through the window · a seal that stamps · a live band.
- Cost. Medium · Low · High · High · Medium · Low · Medium. The islands (canvas, WebGL, wipes, scroll choreography, the webhook) are the line items that move the quote.
- Gold as rendered. None of the four renders hits #D4AF37; their warm pixels sit at hue 29–36°, 10–17° warmer than the kit. 05, 06 and 07 are HTML, so every hairline is the token; the only warm pixels off it are the mascot’s, as supplied.
Direction 01 / 04
Luminous Club
01 / Thesis
Material
Light
Motion
Type as rendered
Components in this material
Motion signature
Palette as rendered · sampled from the homepage artboard
All pixels
Accent mix, ground removed. This is where the drift shows.
Mascot · supplied 28 Sep · not redrawn
HTML, Archivo, kit tokens. It scales with the window; Fullscreen shows it at your screen’s width.
The homepage artboard could not be loaded. Keep the assets folder beside this HTML file.
The course artboard could not be loaded. Keep the assets folder beside this HTML file.
Nothing is redrawn. A flow field read from the render’s own line structure moves the ribbon pixels; the interface areas are masked so text and glass stay put. WebGL, about 5 KB, no library. In production it is the homepage’s one JavaScript island: the poster image is the LCP element and the first frame, motion arrives after it, off under reduced motion, paused off-screen.
Preparing the light…
The Members’ Room
THE PRIVATE ROOM.
BUILT FOR WHAT’S NEXT.
Live tests. Private plays. Updated weekly.
7 days, money back, no questions, you keep the downloads.
Drag to inspect any mix. The reveal pauses while you adjust it; Resume continues from that position.
Two generated stills of an imagined room, not a venue. The 2.4-second wipe now carries a lit seam and the headline sits on a scrim, left of the boundary, so it stays legible mid-reveal. On the site this plays once per session and the digital state should carry interface, not only texture.
Physical view · Paused
Ranking
Would the course page rank?
Build
What it costs to ship
How it treats the kit
Your call
Rank the seven.
Order them, give each a line, and download the sheet. Everything stays in this browser until you send the file.
Saved locally. Download a text file to share your feedback; nothing is sent.