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

Orbitron

TerraGaze Systems

Get started

Sentinel-1 Orbital Sensor

scientific, awe-inspiring, precise, impactful, calm

3D / WebGL · dark

Oswald

Sonus Core

Get started

Apex Amplifier Engineering Reveal

precise, engineered, clean, powerful, refined

Ecommerce · dark

Crimson Pro

Aged Ember Distillery

Get started

Reserve Cask Whisky Reveal

luxurious, rich, timeless, sophisticated, artisanal

Ecommerce · dark

Nunito Sans

EcoWrap Solutions

Get started

Veridian Bottle Packaging Story

clean, natural, responsible, tactile, optimistic

Ecommerce · light

Exo

Terralux

Get started

EV Truck Dynamic Environment Journey

powerful, versatile, adventurous, sustainable, engineered

Automotive · dark

Rajdhani

Sonus Nova

Get started

Audio System X-Ray Dissection

precise, engineered, immersive, futuristic, minimalist

Ecommerce · dark

Outfit

Kinetic Flow

Get started

Wearable Biometrics Data Flow

clean, precise, insightful, empowering, futuristic

Health & Wellness · light

DM Sans

EcoStride

Get started

Sustainable Sneaker Material Lifecycle

eco-conscious, innovative, lightweight, natural, transparent

Ecommerce · light

Oxanium

Vortex Core Gaming

Get started

Gaming Console Portal Immersion

powerful, immersive, futuristic, electrifying, advanced

Gaming & Entertainment · dark

Share Tech Mono

TerraLens Observatories

Get started

Satellite Earth Data Layers

scientific, awe-inspiring, precise, urgent, global

Storytelling · dark

Plus Jakarta Sans

Axiom Mobility

Get started

EV Drive Journey

fluid, cinematic, advanced, dynamic, integrated

Automotive · dark

Outfit

EchoDrive Audio

Get started

Sonic Waveforms Speaker Showcase

energetic, immersive, vibrant, precise, dynamic

Ecommerce · dark

Orbitron

ChronoLocus

Get started

Holographic Watch UI Exploded View

futuristic, precise, layered, interactive, cutting-edge

Ecommerce · dark

Poppins

Flux Footwear

Get started

Tread Pattern Reveal

dynamic, performance-driven, textural, engineered, precise

Ecommerce · light

IBM Plex Sans

SkyeDynamics

Get started

Drone Flight Path & Obstacle Avoidance

technical, agile, intelligent, dynamic, precise

3D / WebGL · dark

Space Grotesk

TerraPulse Analytics

Get started

Global Data Sphere

informative, expansive, impactful, global, urgent

3D / WebGL · dark

Michroma

CosmicReach Systems

Get started

Orbital Satellite Journey

awe-inspiring, technical, vast, futuristic, connected

3D / WebGL · dark

DM Sans

ValutaFlow

Get started

Dynamic Currency Exchange Display

playful, reassuring, dynamic, clear, transparent

Ecommerce · light

Anton

Sable North

Get started

Showreel Through the Letters

cinematic, confident, punchy, graphic, nocturnal

Portfolio · dark

Cormorant Garamond

Brume Architects

Get started

Depth-Map Architecture Portfolio

quiet, material, precise, warm, unhurried

Portfolio · light

Bricolage Grotesque

Oddfellow Works

Get started

Sticker Physics Branding Studio

tactile, cheeky, warm, crafted, bold

Agency · light

JetBrains Mono

Kestrel Dev

Get started

ASCII Monogram Dev Portfolio

nerdy, sharp, hypnotic, retro-futurist, precise

Portfolio · dark

Syne

Corvid & Kin

Get started

RGB-Split Case Study Index

sleek, kinetic, nocturnal, restrained, sharp

Agency · dark

Big Shoulders Display

Tallow Studio

Get started

Counter Column Preloader

crisp, editorial, rhythmic, confident, warm

Agency · light

Fraunces

Solenne Okafor

Get started

Infinite Drag Photo Canvas

immersive, warm, curious, analog, intimate

Portfolio · dark

Bodoni Moda

Pale Fire Films

Get started

Letterbox Film House

cinematic, moody, golden, patient, prestigious

Agency · dark

Instrument Serif

Verdigris

Get started

Patina Turntable Gallery

sculptural, hushed, metallic, museum-like, crafted

Portfolio · dark

Archivo Black

Juniper Grain

Get started

Velocity Availability Marquee

friendly, energetic, bold, sunny, direct

Portfolio · light

Schibsted Grotesk

Quarry

Get started

Ripple Cube Dev Shop

structural, precise, calm, industrial, confident

Agency · light

Shippori Mincho

Mizuki Hara

Get started

Ink Brush Cursor Portfolio

quiet, poetic, tactile, airy, precise

Portfolio · light

Roboto Flex variable

Riven Type

Get started

Cursor-Repel Kinetic Headline

tactile, witty, typographic, lively, sharp

Portfolio · dark

Unbounded

Nightjar Motion

Get started

Kinetic Path Flood Studio

electric, rhythmic, nocturnal, playful, technical

Agency · dark

Plus Jakarta Sans

Plinth

Get started

Flip-Morph Bento Portfolio

clean, organized, friendly, precise, modern

Portfolio · light

Bebas Neue

Umbra Reel

Get started

Cursor-Docked Showreel Hero

bold, cinematic, sharp, high-contrast, energetic

Agency · dark

Young Serif

Kiln Brand Co.

Get started

Clay Morph Branding Agency

earthy, sculpted, warm, confident, handmade-premium

Agency · light

Gloock

Aster Loom

Get started

Woven Ribbon Image Portfolio

woven, soft, rhythmic, artisanal, gentle

Portfolio · light

Familjen Grotesk

Wick & Wire

Get started

Liquid Reveal Services Accordion

fluid, premium, curious, sleek, modern

Agency · dark

Tenor Sans

Tundra Frame

Get started

Snap-Scroll Displacement Slideshow

glacial, silent, vast, crisp, contemplative

Portfolio · dark

Space Grotesk

Gossamer Labs

Get started

Curl-Noise Particle Studio

ethereal, technical, delicate, luminous, experimental

Agency · dark

Anybody variable

Ferro Lune

Get started

Stretchy Email Footer

elastic, witty, clean, modern, friendly

Agency · light

Italiana

Obelisk Form

Get started

White Model Fly-Through Studio

monumental, serene, sculptural, luminous, disciplined

Agency · dark

Space Grotesk

Saltmarsh Studio

Get started

Split-Flap Awards Table

mechanical, precise, playful, informative, crisp

Agency · light

Sora

Yarrow Park

Get started

Glass Lens UX Portfolio

clear, curious, soft, optical, refined

Portfolio · light

Space Grotesk

Axiom Frame

Get started

Shard Assembly Portfolio

technical, hypnotic, precise, futuristic, dark

Portfolio · dark

Playfair Display

Silver Gelatin

Get started

Infinite Masonry Distortion

organic, tactile, timeless, warm, analog

Portfolio · light

Space Grotesk

Luma Forge

Get started

Particle Showreel Portfolio

kinetic, electric, precise, playful, immersive

Portfolio · dark

Syne

Studio Axiom

Get started

Kinetic Type Case Index

sharp, systematic, vibrant, confident, editorial

Agency · light

JetBrains Mono

Null Syntax

Get started

Code Rain Hero Section

hacker, crisp, mysterious, precise, retro-futurist

Portfolio · dark