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

Geologica

Circuit Loop

Get started

Battery Recycling Rotating Wheel

systemic, clean, cyclical, optimistic

Storytelling · dark

Bricolage Grotesque

Crag & Co.

Get started

Trail Shoe Mountain Parallax Hero

adventurous, sunrise-warm, rugged, uplifting

Ecommerce · light

Syne

Scrim Reality

Get started

Mixed Reality Portal Passthrough

wondrous, soft-futuristic, domestic meets infinite

3D / WebGL · dark

Chakra Petch

Ventris Racing

Get started

Race Car Wind Tunnel Streamlines

technical, fast, data-dense, electric

Automotive · dark

Hanken Grotesk

Cadence Band

Get started

Fitness Band Unwrap to Sensor Strip

minimal, athletic, quiet confidence, tactile

Storytelling · light

Rubik

Fieldkit Power

Get started

Portable Power Station Day Cycle

sunny, adventurous, practical, warm

Ecommerce · light

Tenor Sans

Aubade Automobiles

Get started

EV Windshield Zoom Into Cockpit

serene, luxurious, luminous, technological

Automotive · dark

Instrument Serif

Cardia Audio

Get started

Studio Mic Polar Pattern Story

warm, creator-friendly, clear, approachable

Storytelling · light

Cormorant

Fogline Distillery

Get started

Gin Botanicals in Coastal Fog

misty, maritime, contemplative, crisp

Storytelling · dark

Archivo

Tarn Propulsion

Get started

Rocket Engine Hot-Fire Story

raw power, precision engineering, fire and ice

3D / WebGL · dark

Literata

Leafwell

Get started

E-Reader Ink Refresh Chapters

quiet, bookish, tactile, unhurried

Storytelling · light

Archivo

Loopline Kicks

Get started

Sneaker Colourway Material Track

fresh, crafted, colourful, collectible

Ecommerce · light

Sora

Meander Mobility

Get started

Autonomous Shuttle Lidar City

calm-tech, perceptive, nocturnal, trustworthy

Automotive · dark

Space Grotesk

Deepwell Acoustics

Get started

Studio Monitor Waterfall Spectrogram

technical, sonic, precise, late-night studio

Storytelling · dark

Baloo

Glowbox

Get started

Instant Camera Print Develop

cheerful, nostalgic, sunny, spontaneous

Ecommerce · light

Familjen Grotesk

Veloglow

Get started

Smart Helmet Night Ride Scrub

urban night, protective, alert, confident

Storytelling · dark

Fraunces

Seedfall Aerial

Get started

Reforestation Drone Forest Growth

hopeful, earthy, growing, gentle

Storytelling · light

Manrope

Nocta Imaging

Get started

Night Mode Pinned Split Scrub

nocturnal, revealing, precise, magical

Storytelling · dark

Italiana

Maison Aubrac

Get started

Luxury EV Coupe Film Launch

haute couture, cinematic, golden-hour, hushed

Automotive · dark

Unbounded

Arcadia Box

Get started

Game Console Boot and Controller Burst

electric, immersive, playful, premium

3D / WebGL · dark

Shippori Mincho

Kumo Sparkling Sake

Get started

Sparkling Sake Rice Polish Track

serene, refined, effervescent, seasonal

Storytelling · light

Sora

Wisp

Get started

Micro Drone Horizontal Spec Cards

light, nimble, technical, friendly

Storytelling · light

Red Hat Display

Hexarray Net

Get started

Satellite Terminal Phased Array Beam

invisible-made-visible, precise, cosmic, reassuring

3D / WebGL · dark

Outfit

Glissade

Get started

E-Scooter Fold Sequence Shop

zippy, clean, urban, practical

Ecommerce · light

Libre Caslon Display

Moonpull Tidal

Get started

Tidal Turbine Moon-Driven Cycle

lunar, rhythmic, deep, predictable-as-the-moon

Storytelling · dark

Young Serif

Threadbare Footwear

Get started

Sneaker Laces Unthread to Pattern

crafted, honest, tactile, workshop-warm

Ecommerce · light

Inter Tight

Ostara

Get started

Phone Camera Lens Element Dive

optical, precise, jewel-like, immersive

Storytelling · dark

Fredoka

Kindbot

Get started

Companion Robot Eyes and Chapters

adorable, warm, safe, a little cheeky

Storytelling · light

Manrope

Aeolia Aviation

Get started

Electric Plane Flight Profile Rail

airy, quiet, optimistic, clear-sky

Storytelling · light

Italiana

Heliotrope

Get started

Solar Sail Miura-Fold Deploy

delicate, luminous, patient, cosmic origami

3D / WebGL · dark

Syne

Pulpwise

Get started

Cold-Pressed Juice Slice Split

fresh, vibrant, zesty, cheerful

Ecommerce · light

Bodoni Moda

Ormond Motors

Get started

Luxury Sedan Silent Cabin Story

hushed, opulent, cocooning, calm

Automotive · dark

Geist

Tabula

Get started

Tablet Preorder Bar to Sheet

creative, crisp, calm, modern

Ecommerce · light

Newsreader

Firn Sensing

Get started

Glacier Retreat Timelapse Scrub

sober, urgent, cold, scientific

Storytelling · light

Chakra Petch

Strafe Labs

Get started

Ultralight Mouse Drop and Laser

competitive, featherlight, sharp, high-energy

Ecommerce · dark

Big Shoulders Display

Magpie Launch

Get started

Rocket Pad Countdown Film Intro

tense, broadcast, cinematic, explosive

Storytelling · dark

Outfit

Aerohull

Get started

eFoil Waterline Split Dive

sunny, weightless, sleek, summer

Storytelling · light

Rajdhani

Zephyr Automotive

Get started

Aero Hypercar Dynamic Reveal

futuristic, precise, exhilarating, engineered, dark luxury

Automotive · dark

Noto Serif Display

Luminar Optics

Get started

Modular Camera Lens Assembly

precise, clean, technical, elegant, bright, tactile

Ecommerce · light

Orbitron

Celestia Dynamics

Get started

Orbital Data Tracking

vast, scientific, precise, impactful, dark, hopeful

Storytelling · dark

Montserrat

Zestura Botanicals

Get started

Zestura Flavor Alchemy

fresh, natural, vibrant, crafted, artisanal, refreshing

Food & Hospitality · light

Poppins

AuraSync Audio

Get started

AuraSync Sound Envelope

immersive, serene, sophisticated, dark, technological

Ecommerce · dark

Aldrich

Aether Aerial

Get started

Aether Fold-Deploy Drone

innovative, agile, precise, clean, dynamic, aspirational

Ecommerce · light

Rubik

Pulse Kicks

Get started

Pulse Dynamic Stride

energetic, modern, bold, dynamic, tactile, vibrant

Ecommerce · dark

Cinzel Decorative

Resonance Labs

Get started

Resonance Sonic Sculpture

luxurious, immersive, precise, crafted, sculptural, dark elegance

Ecommerce · dark

Playfair Display

AquaVerde

Get started

Revive Elixir Liquid Story

fresh, organic, vibrant, calming, pure

Ecommerce · light

Roboto Flex

Skydrift Innovations

Get started

Apex Drone Flight Story

dynamic, expansive, precise, innovative, clear

3D / WebGL · light

Archivo Black

StrideForge

Get started

Genesis Low-Tops Texture Reveal

luxurious, tactile, detailed, exclusive, sleek

Ecommerce · dark