Content
Hero
Hero uses left layout, one CTA, no "Scroll to explore".
Variants: Left · Center · Split
Tokens it uses: hero
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
A dark stage, rim light, and one hero product before the title card.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Ink on warm paper — a notebook left open.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Soft emboss on a ceramic control panel.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Asymmetric tiles, packed like a careful bento.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Gallery air and zinc, one matte accent.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Function-first grid, one calm blue.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Hard edge, hard shadow, a slap of yellow.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Frosted glass over a cool sky.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Type that fills the wall.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Serif headlines and thin rules, a magazine spread.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Monospace ink on a charcoal screen.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Thick rims and soft shadows, freshly pinched clay.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
System gray and one standard blue, an unboxed iPhone.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Refraction and a springing specular, a control center under a finger.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
A near-invisible grid, one precise violet.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Hairline gradients and light type, a well-printed receipt.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Warm paper and serif titles, a quiet study.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Only black and white, tracking pulled tight.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
White space and photography, a product gallery.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Shortcuts in a dark room, violet only on focus.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Round corners and coral, a warm front desk.
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
Acid lime on charcoal, a nighttime playlist.