Design Systems

11 brand design languages captured as DESIGN.md files — browse the tokens, then apply any of them to MotionFoundry components as a theme preset.

A DESIGN.md is a plain-text design system an AI coding agent can read: colors, type ramp, radii, components, and do's and don'ts. These come from VoltAgent/awesome-design-md (MIT). Every component page has a Design picker that re-skins the live preview with one of them.
VercelProductDocs

Build what moves people.

Tokens straight from DESIGN.md.

Get startedLearn more

Vercel

light

Stark black-and-ink on white, mesh-gradient accents, Geist everywhere.

Developer PlatformView DESIGN.md →
CursorProductDocs

Build what moves people.

Tokens straight from DESIGN.md.

Get startedLearn more

Cursor

light

Warm-cream editorial canvas, warm ink, one Cursor Orange voltage.

AI Developer ToolsView DESIGN.md →
ClaudeProductDocs

Build what moves people.

Tokens straight from DESIGN.md.

Get startedLearn more

Claude

light

Tinted cream canvas, serif display headlines, warm coral CTAs.

AI ProductView DESIGN.md →
FramerProductDocs

Build what moves people.

Tokens straight from DESIGN.md.

Get startedLearn more

Framer

dark

Pure black artboard, poster-tight white type, white pill CTAs.

Design & BuildView DESIGN.md →
AppleProductDocs

Build what moves people.

Tokens straight from DESIGN.md.

Get startedLearn more

Apple

light

Museum-gallery product tiles, SF Pro headlines, one Action Blue.

Consumer HardwareView DESIGN.md →
AirbnbProductDocs

Build what moves people.

Tokens straight from DESIGN.md.

Get startedLearn more

Airbnb

light

Warm white marketplace, Rausch red voltage, friendly rounded geometry.

Consumer MarketplaceView DESIGN.md →
ExpoProductDocs

Build what moves people.

Tokens straight from DESIGN.md.

Get startedLearn more

Expo

light

Pure white canvas, sky-blue wash, black CTAs, Inter + JetBrains Mono.

Developer PlatformView DESIGN.md →
ElevenLabsProductDocs

Build what moves people.

Tokens straight from DESIGN.md.

Get startedLearn more

ElevenLabs

light

Editorial off-white print magazine, light serif display, pastel orbs.

Voice AIView DESIGN.md →
RunwayProductDocs

Build what moves people.

Tokens straight from DESIGN.md.

Get startedLearn more

Runway

dark

Cinematic black, colorless interface, one geometric typeface.

AI VideoView DESIGN.md →
ResendProductDocs

Build what moves people.

Tokens straight from DESIGN.md.

Get startedLearn more

Resend

dark

Pitch-black canvas, serif display, glowing orange/blue/green accents.

Developer PlatformView DESIGN.md →
SpotifyProductDocs

Build what moves people.

Tokens straight from DESIGN.md.

Get startedLearn more

Spotify

dark

Near-black listening room, Spotify Green, pill-and-circle geometry.

Consumer MediaView DESIGN.md →