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

Playfair Display

Prism Lens

Get started

Infinite Distortion Gallery

luminous, tactile, elegant, immersive, refined

Portfolio · light

Space Grotesk

Verve Studio

Get started

Particle Showreel Hero

energetic, precise, playful, high-contrast

Portfolio · dark

Fraunces

Studio Cadence

Get started

Kinetic Type Case Index

rhythmic, refined, expressive, structured

Agency · light

Syne

Morphic Studio

Get started

Morphing Blob Sculpture Hero

organic, futuristic, tactile, mysterious

Portfolio · dark

Playfair Display

Celluloid Collective

Get started

Cinematic Preloader & Showreel Hero

cinematic, nostalgic, immersive, polished

Agency · dark

Space Grotesk

Lumen & Grain

Get started

Lumen & Grain Photo Portfolio

intimate, tactile, cinematic, quiet

Portfolio · dark

Syne

Studio Flux

Get started

Studio Flux Branding Agency

fluid, vibrant, precise, playful

Agency · light

Outfit

Voxel Forge

Get started

Voxel Forge 3D Portfolio

playful, technical, retro-futurist, energetic

Portfolio · dark

Plus Jakarta Sans Variable

Kinetic Canvas

Get started

Kinetic Canvas Type Hero

dynamic, crisp, playful, high-energy

Agency · light

Space Grotesk

Aqualogic

Get started

Fluid Simulation Case Explorer

viscous, hypnotic, technical, luminous, dark

Portfolio · dark

Syne

Orbit Studio

Get started

3D Project Constellation Agency

expansive, precise, futuristic, clean, light

Agency · light

Outfit

Slideframe

Get started

Velocity Skew Marquee Index

kinetic, snappy, minimal, light, playful

Portfolio · light

Fraunces

Vellum Creative

Get started

Paper Fold Portfolio

tactile, calm, crafted, luminous, precise

Portfolio · light

Space Grotesk

Prism & Pen

Get started

Generative Identity Playground

systematic, vibrant, futuristic, precise, playful

Agency · dark

Anton

Momentum Lab

Get started

Velocity Type Hero

energetic, bold, precise, high-contrast, dynamic

Portfolio · dark

Cormorant Garamond

Polygon Garden

Get started

Procedural Garden Portfolio

organic, serene, vibrant, evolving, immersive

Portfolio · light

Fraunces

Papier Studio

Get started

Cloth Simulation Project Grid

tactile, airy, refined, playful, premium

Agency · light

Space Grotesk

Nebula Forge

Get started

Nebula Particle Constellation

cosmic, luminous, technical, immersive, mysterious

Portfolio · dark

Craft Sans

Typecraft

Get started

Variable Font Kinetic Hero

precise, expressive, technical, clean, modern

Portfolio · light

Editorial New

Lens & Light

Get started

Point Cloud Reassembly Gallery

luminous, ethereal, precise, gallery-like, serene

Portfolio · light

Space Grotesk

Vesper Studio

Get started

Vesper Studio 3D Portfolio

cosmic, precise, playful, immersive, dark

Portfolio · dark

Anton

Frameforge

Get started

Frameforge Showreel Hero

cinematic, precise, immersive, gold-accented

Agency · dark

Space Grotesk

Cinder & Drift

Get started

Cinder & Drift Particle Portfolio

gritty, warm, dynamic, tactile

Portfolio · dark

Fraunces

Meridian Collective

Get started

Meridian Collective Prism Agency

precise, luminous, structured, warm

Agency · light

Playfair Display

Aperture & Line

Get started

Aperture & Line Film Strip Portfolio

cinematic, immersive, raw, contemplative

Portfolio · dark

Syne

Fluxion Studio

Get started

Fluxion Studio Fluid Showreel Hero

fluid, vibrant, rhythmic, bold

Agency · light

Space Grotesk

Luminous Logic

Get started

Shader Sketchbook Portfolio

technical, playful, luminous, precise, dark

Portfolio · dark

Outfit

Prismatic Studio

Get started

Identity Flux Agency

airy, precise, organic, energetic, light

Agency · light

Playfair Display

Offset Collective

Get started

Silver Gelatin Gallery Section

nostalgic, tactile, cinematic, slow, dark

Portfolio · dark

Roboto Flex

Signal & Noise

Get started

Kinetic Timeline Reel Section

dynamic, rhythmic, precise, vibrant, light

Portfolio · light

Space Grotesk

Aether & Ink

Get started

Kinetic Ink Portfolio

expressive, fluid, precise, nocturnal, tactile

Portfolio · dark

Syne

Chroma Frame

Get started

Chromatic Infinite Gallery

vibrant, precise, playful, technical, bright

Agency · light

Rajdhani

Novaform

Get started

Particle Initial Hero

dynamic, futuristic, precise, energetic, dark

Portfolio · dark

Fraunces

Node & Link

Get started

Force-Directed Project Graph

analytical, airy, structured, playful, trustworthy

Agency · light

Syne

Frame Shift

Get started

Velocity Dissolve Showreel

kinetic, bold, technical, cinematic, high-contrast

Portfolio · dark

Space Grotesk

Nebula Motion Studio

Get started

Kinetic Timeline Portfolio

energetic, fluid, precise, futuristic, vibrant

Agency · dark

Playfair Display

Halide Photo Studio

Get started

Film Strip Grid Portfolio

warm, tactile, nostalgic, elegant, immersive

Portfolio · light

Syne

Prism Pulse Agency

Get started

Generative Identity Playground

bold, systematic, playful, high-contrast, dynamic

Agency · dark

Outfit

Vertex & Void

Get started

Point Cloud Reassembly Hero

clean, technical, revealing, precise, airy

Portfolio · light

Playfair Display

Lumina Press

Get started

Lumina Press Film Strip Portfolio

nostalgic, luminous, serene, cinematic

Portfolio · light

Space Grotesk

Obsidian Frame

Get started

Obsidian Frame Particle Portfolio

cosmic, precise, mysterious, immersive, refined

Portfolio · dark

Syne

Helix Atelier

Get started

Helix Atelier Showreel Portfolio

cinematic, rhythmic, technical, dark, electric

Portfolio · dark

Clash Display

Aurora Agency

Get started

Aurora Agency Case Index Section

sharp, futuristic, vibrant, clean, interactive

Portfolio · light

Recursive

Quill & Quanta

Get started

Quill & Quanta Variable Font Portfolio

precise, playful, technical, luminous

Portfolio · dark

Syne

Ethereal Blueprint

Get started

Ethereal Blueprint Brand Agency

architectural, meticulous, warm, analog-digital hybrid

Agency · dark

Outfit

Quartz Studio

Get started

Quartz Studio Glyph Mesh Section

clean, crystalline, responsive, airy

Portfolio · light

Sora

Apex Creative

Get started

Apex Creative Wave Case Section

fluid, confident, crisp, modern

Agency · light

Space Grotesk

Cascade Studio

Get started

Vector Field Portfolio

dynamic, precise, experimental, dark, kinetic

Portfolio · dark