Styles · 1,210 design systems

Give your AI design taste.

The design system behind every AnimatedWebs template: palette, typography and mood, with a ready DESIGN.md, Tailwind v4 theme, CSS variables and design tokens to paste into Claude, Cursor or Lovable.

FreeGet the style of any website →

From the web 43 sites

See all →

Measured from the live pages of the sites designers study most: colours, type scale, radius and buttons, as a ready DESIGN.md.

Apple iPhone

SF Pro Display · light

Stripe

sohne-var · light

Linear

Inter Variable · dark

Apple

SF Pro Display · light

Vercel

GeistSans · light

Notion

NotionInter · light

Figma

figmaSans · light

Framer

GT Walsheim Medium · dark

From AnimatedWebs templates

Syne

Grotto Audio

Get started

Monolith Speaker Cutaway

deep, velvety, reverberant, luxurious

Storytelling · dark

Rubik

Pedalis

Get started

E-Bike City Ride Parallax

cheerful, urban, breezy, illustrated

Automotive · light

Michroma

Hushlight Optics

Get started

VR Headset Cinematic Intro

cinematic, hushed, blue-hour, premium

3D / WebGL · dark

Anton

Zapfen

Get started

Energy Drink Can Dive

electric, loud, fizzy, nocturnal

Ecommerce · dark

Lexend

Thermle

Get started

Heat Pump Isometric House

cosy, clear, reassuring, bright

Storytelling · light

Epilogue

Slatelight

Get started

Solar Roof Five-Level Zoom

wondrous, clear, grounded, optimistic

Storytelling · light

Red Hat Display

Crease Mobile

Get started

Fold Phone Hinge Story

sleek, elegant, surprising, futuristic

Storytelling · dark

Barlow Condensed

Talus Motors

Get started

EV Truck Dimension Line Reveal

rugged, engineered, trustworthy, blueprint-precise

Automotive · dark

Sora

Glint

Get started

AR Glasses First-Person HUD

effortless, ambient, futuristic, human

Storytelling · dark

Bebas Neue

Rarebird

Get started

Sneaker Drop Turntable

street, raw, collectible, urgent

Ecommerce · light

Bodoni Moda

Castellan

Get started

Hypercar Studio Floor Reveal

opulent, nocturnal, sculptural, restrained power

Automotive · dark

DM Serif Display

Lanterna

Get started

Pocket Projector Beam Chapters

cosy, cinematic, warm, a little magical

Storytelling · dark

Outfit

Aeris Pure

Get started

Air Purifier Filter Particles

fresh, airy, clinical but warm, reassuring

Storytelling · light

Space Grotesk

Clackworks

Get started

Mechanical Keyboard Layer Explode

tactile, nerdy, warm retro, satisfying

Ecommerce · light

Inter Tight

Wavelet

Get started

Earbuds Case Opening Sequence

smooth, floating, cool, minimal

Storytelling · dark

Tomorrow

Regolith Works

Get started

Lunar Rover Surface Traverse

stark, heroic, silent, high-contrast

Storytelling · dark

Hanken Grotesk

Nordvik

Get started

Electric Boat Fjord Wake

silent, Nordic, crisp, grey-blue calm

Automotive · dark

Caprasimo

Mottle

Get started

Kombucha Bubble Flavour Shop

bubbly, joyful, bold, handmade

Ecommerce · light

Silkscreen

Pocketforge

Get started

Handheld Console Pixel Morph

nostalgic, clever, playful, crunchy

Storytelling · dark

Fredoka

Tern

Get started

Delivery Drone 3D Route Map

friendly, toy-like, clear, optimistic

3D / WebGL · light

Young Serif

Silverhalide Co.

Get started

Film Camera Strip Track

analogue, patient, darkroom-warm, crafted

Storytelling · dark

Instrument Serif

Stillair

Get started

Direct Air Capture Molecules

scientific, calm, hopeful, precise

Storytelling · light

Saira Condensed

Brakk

Get started

Electric Motorcycle Ride Scrub

aggressive, nocturnal, adrenaline, razor-sharp

Automotive · dark

Fraunces

Grainfield

Get started

Oat Carton Unfold to Dieline

wholesome, witty, sunny, honest

Ecommerce · light

Sora

Kairo

Get started

Sport Watch Heartline Journey

driven, precise, energetic, nocturnal

Storytelling · dark

Archivo Black

Skerry Offshore

Get started

Offshore Turbine Scale Pull-Back

monumental, windswept, clean, humbling

Storytelling · light

Libre Caslon Display

Rotunda Audio

Get started

Vinyl Turntable Scroll Platter

warm, analogue, hypnotic, late-night

Storytelling · dark

Plus Jakarta Sans

Tidy Orbit

Get started

Robot Vacuum Floor Plan Route

tidy, clever, calm, friendly

Ecommerce · light

Cormorant Garamond

Lyra Observatory

Get started

Space Telescope Mirror Unfold

awe, patience, golden precision, deep dark

Storytelling · dark

Gloock

Casa Llamarada

Get started

Tequila Bottle Glass and Pour

sultry, sun-baked, ceremonial, rich

Storytelling · dark

Manrope

Veltrine

Get started

SUV Trim Sticky Comparator

practical, clear, confident, family-friendly

Automotive · light

Big Shoulders Display

Ostrava Motors

Get started

Hydrogen Truck X-Ray Route

industrial, powerful, clean-tech, confident

Automotive · dark

Newsreader

Paperweight

Get started

Laptop Lid-Open Sequence

quiet, papery, light, focused

Storytelling · light

Anton

Vandal Athletic

Get started

Sneaker Shockwave Drop Intro

explosive, graphic, streetwise, loud

Ecommerce · light

Bricolage Grotesque

Keel Energy

Get started

Home Battery Isometric Stack

sturdy, sunny, modular, reassuring

Storytelling · light

Barlow Condensed

Torrent Cam

Get started

Action Cam Fisheye Ride Scrub

raw, fast, muddy, exhilarating

Storytelling · dark

Fraunces

Canto Hearing

Get started

Hearing Aid Soft Sound Rings

gentle, human, clear, optimistic

Storytelling · light

Playfair Display

Atelier Ferrant

Get started

Restomod Blueprint to Paint

heritage, craftsmanship, patient, cinematic

Automotive · dark

Space Grotesk

Abyssal

Get started

ROV Sonar Shipwreck Scan

mysterious, deep, quiet, discovering

Storytelling · dark

Epilogue

Aldmark

Get started

Electric SUV Four Seasons Wipe

outdoorsy, honest, sturdy, fresh

Automotive · light

Syne

Oscilla Instruments

Get started

Synth Oscilloscope Patch Story

electric, hypnotic, nerdy, warm glow

Storytelling · dark

Unbounded

Paceline

Get started

Running Shoe Foam Compression

bouncy, energetic, clean, athletic

Ecommerce · light

Inter Tight

Numera Mobile

Get started

Phone Specs Odometer Numbers

bold, typographic, confident, clean

Storytelling · light

Michroma

Ringworks Orbital

Get started

Orbital Habitat Docking Dive

aspirational, serene, vast, warm-meets-cold

3D / WebGL · dark

Space Grotesk

Verdure Tower

Get started

Vertical Farm Floor-by-Floor Descent

lush, glowing, futuristic, fresh

Storytelling · dark

Oswald

Aquila Aerial

Get started

Cinema Drone Takeoff Sequence

professional, cinematic, powerful, controlled

Storytelling · dark

Rubik Mono One

Snapcap Soda

Get started

Soda Can Conveyor Belt Track

pop-art, loud, fun, retro

Ecommerce · light

Bodoni Moda

Vapore

Get started

Espresso Machine Pressure Pour

rich, precise, steamy, Italian-modern

Ecommerce · dark