Driftless

Content

Hero

Hero uses left layout, one CTA, no "Scroll to explore".

Variants: Left · Center · Split

Tokens it uses: hero

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Cinematic Commerce

A dark stage, rim light, and one hero product before the title card.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Paper

Ink on warm paper — a notebook left open.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Neumorphism

Soft emboss on a ceramic control panel.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Bento

Asymmetric tiles, packed like a careful bento.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Premium

Gallery air and zinc, one matte accent.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Clean

Function-first grid, one calm blue.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Neobrutalism

Hard edge, hard shadow, a slap of yellow.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Glassmorphism

Frosted glass over a cool sky.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Bold

Type that fills the wall.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Editorial

Serif headlines and thin rules, a magazine spread.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Mono

Monospace ink on a charcoal screen.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Claymorphism

Thick rims and soft shadows, freshly pinched clay.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Apple Native

System gray and one standard blue, an unboxed iPhone.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Liquid Glass

Refraction and a springing specular, a control center under a finger.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Precise Violet

A near-invisible grid, one precise violet.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Gradient Atelier

Hairline gradients and light type, a well-printed receipt.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Warm Desk

Warm paper and serif titles, a quiet study.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Mono Geist

Only black and white, tracking pulled tight.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Gallery Space

White space and photography, a product gallery.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Keyboard Dark

Shortcuts in a dark room, violet only on focus.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Coral Market

Round corners and coral, a warm front desk.

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
Night Lime

Acid lime on charcoal, a nighttime playlist.