1. the vibe

dark + clean. periwinkle accent on near-black, brand first — hoosh.cat over a stripe-style mesh gradient.

live preview → ai-wrapper-wheat.vercel.app

hero

2. color palette

swatch #09090b — background
swatch #fafafa — foreground
swatch #b8b4ff — accent (periwinkle)
swatch #3d3890 — mesh deep
swatch #7a74d4 — mesh mid
swatch #d4d1ff — mesh light

3. type

fonts i locked in:

satoshi — body
poppins — big display type
instrument serif italic — accents (the .cat, model names, soft lines)

reccomended if u want similar combos: fontjoy / fontshare for satoshi

4. the mesh

background is the classic stripe webgl gradient. periwinkle palette, anchored to the hero so it scrolls away with the page — soft dark masks on top so text still reads.

5. models + surface

clean list for the models (real brand icons where it matters), then a short three-feature surface. no cards stacking forever.

models

surface

6. stack

Next.js next.js + Tailwind CSS tailwind
Framer framer motion for entrances / the waitlist submit
Iconify iconify for model + ui icons (and real brand svgs for claude / gemini)

7. waitlist + footer

email field with the submit tucked inside. keep the footer quiet.

newsletter + footer

8. keep it short

one hero, models list, three features, waitlist. no fake terminal, no glass cards, no clutter. if it doesnt earn the scroll — cut it.

hope this helps if ure cooking a similar landing :3 cofee dud