v70 mockups — Oct 4

Pick the base, then see what pushing a vibe color does.

BASE — pick one

Same page top, three background treatments.

A/B/C side-by-side comparison
All three side by sideA left, B middle, C right
Mockup A
A — gradient cards, lavender pageThe earlier look
Mockup B
B — gradient cards, white pageYour original "full white background" idea
Mockup C
C — white cards, lavender pageWhat's live on the preview link right now

VIBE — pushing a color re-skins the lab

Cards pick up a tint of the vibe color, the page wash deepens, buttons and bands follow. Same "Your vibe" section, three palettes.

Vibe: indigo
Indigo — as live todayBaseline, no change
Vibe: sunset
Sunset pushedWarm peach re-skin across cards, page, and buttons
Vibe: forest
Forest pushedMint re-skin across cards, page, and buttons

MAIN-PAGE DIRECTION — lab restyled like websitebuilder-ai.com

Same lab content, re-skinned in the main site's language: white page, hairline-border cards, gradient hero band, kickers instead of bands.

Main-page direction, variant 1
Variant 1 — faithfulKickers as gradient text (like the main page), system-feel type
Main-page direction, variant 2
Variant 2 — playful touchKickers as gradient pills, keeps the lab's rounded headline font