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

Bodoni Moda

Vesper Wines

Get started

Swirling Red Wine

sensual, deep, slow, indulgent

Food & Hospitality · dark

Major Mono Display

Phosphor FM

Get started

Phosphor Oscilloscope Lissajous

technical, hypnotic, warm-analog, nerdy

Music & Events · dark

Cormorant Garamond

Wetpaper Studio

Get started

Watercolour Bleed Washes

delicate, artistic, airy, handmade

Portfolio · light

Unbounded

Crescent DAO

Get started

Black Hole Accretion Disc

awe-inspiring, massive, cinematic, mysterious

Web3 · dark

Michroma

Slipstream Motors

Get started

Wind Tunnel Smoke Lines

engineered, clean, scientific, fast

Automotive · dark

Fraunces

Tern Relief

Get started

Migration Flow Map

humane, flowing, serious, hopeful

Nonprofit · dark

Sometype Mono

Asciiform

Get started

ASCII Smoke Field

raw, clever, textural, warm-technical

Agency · dark

Rethink Sans

Putty Studio

Get started

Morphing Border-Radius Blobs

squishy, playful, colourful, friendly

Portfolio · light

Anton

Pulsar Events

Get started

Laser Beams in Haze

euphoric, intense, dark, synchronized

Music & Events · dark

Bricolage Grotesque

Greenhouse Grants

Get started

Growing Vine Tendrils

growing, fresh, optimistic, gentle

Nonprofit · light

Anybody

Monoline Type

Get started

Scroll-Skewed Diagonal Stripes

graphic, confident, rhythmic, bold

Editorial · light

Geologica

Cellwise Bio

Get started

Living Cells Under the Microscope

scientific, gentle, alive, clean

Health & Wellness · light

Hanken Grotesk

Uplink Cloud

Get started

Rising Data Streaks

calm, scalable, luminous, infrastructural

AI / SaaS · dark

Cinzel Decorative

Dunehaven

Get started

Wind-Blown Sand Dunes

vast, warm, silent, cinematic

Travel · light

Instrument Serif

Colonnade Bank

Get started

Frosted Glass Bar Skyline

poised, bright, architectural, prosperous

Fintech · light

DM Serif Display

Mantle Records

Get started

Spinning Vinyl Grooves

tactile, warm, nostalgic, audiophile

Music & Events · dark

Playfair Display SC

Stitchworks

Get started

Morphing Houndstooth Weave

tailored, classic, witty, crisp

Fashion & Luxury · light

Cormorant Garamond

Ashbourne Parfum

Get started

Slow-Motion Embers and Flares

smouldering, sensual, cinematic, rare

Fashion & Luxury · dark

Italiana

Firstlight Yoga

Get started

Sunrise Light Leak Loop

glowing, soft, uplifting, filmic

Health & Wellness · light

Space Grotesk

Apoapsis

Get started

Wireframe Planet Scanner

analytical, orbital, precise, cool

3D / WebGL · dark

Pixelify Sans

Kindling Games

Get started

Pixel Doom Fire

retro, cozy, fiery, nostalgic

Gaming & Entertainment · dark

Syncopate

Nodal Protocol

Get started

3D Node Lattice Pulses

structured, deep, fast, trustworthy

Web3 · dark

Limelight

Mirrorball Club

Get started

Mirror Ball Light Spots

glamorous, playful, nostalgic, sparkling

Gaming & Entertainment · dark

Young Serif

Flourish Bakery

Get started

Flour Dust in a Sunbeam

warm, quiet, artisanal, golden

Food & Hospitality · dark

Archivo

Studio Kvadrat

Get started

Kinetic Swiss Grid

rigorous, rhythmic, bold, modernist

Portfolio · light

Tenor Sans

Terrazza Living

Get started

Flowing Terrazzo Resin

crafted, playful, calm, Mediterranean

Real Estate & Architecture · light

Baloo

Bubblewick Kids

Get started

Floating Soap Bubbles

joyful, curious, light, wondrous

Education · light

Rajdhani

Carbonfell Motorworks

Get started

Carbon Fibre Light Sweep

technical, glossy, aggressive, premium

Automotive · dark

Audiowide

Wormway Stories

Get started

Nebula Wormhole Passage

immersive, cosmic, narrative, propulsive

Storytelling · dark

Gelasio

Hearth Fund

Get started

Candlelight Bokeh Glow

warm, compassionate, intimate, hopeful

Nonprofit · dark

Outfit

Bauble & Box

Get started

Floating Pastel Primitives

soft, playful, giftable, tactile

Ecommerce · light

Fraunces

Tracefield

Get started

Fourier Epicycle Drawing

clever, elegant, curious, precise

Education · light

Oswald

Lodestar Expeditions

Get started

Long-Exposure Star Trails

wild, still, starry, adventurous

Travel · dark

Climate Crisis

Bramble Quarterly

Get started

Risograph Two-Colour Shapes

indie, tactile, vibrant, imperfect

Editorial · light

Familjen Grotesk

Offset Collective

Get started

Spotlight Dot Matrix Reveal

mysterious, playful, sharp, confident

Agency · dark

Bodoni Moda

Duskline Residences

Get started

Twilight Facade Timelapse

aspirational, cinematic, calm, urban

Real Estate & Architecture · dark

Saira Condensed

Gridrunner Motors

Get started

Anamorphic Rain Night Drive

moody, premium, cinematic, nocturnal

Automotive · dark

Inter

Hydroflux Labs

Get started

Liquid Flux Background

fluid, organic, futuristic, serene, scientific

Health & Wellness · dark

Onest

NexusFlow

Get started

Particle Web Background

connected, intricate, intelligent, dynamic, secure

Fintech · dark

Playfair Display

Veridian Atelier

Get started

Fluid Silk Background

elegant, flowing, sophisticated, tactile, refined

Fashion & Luxury · light

Press Start

Bitstream Arcade

Get started

Retro Plasma Grid Background

retro-futuristic, energetic, digital, nostalgic, glitchy

Gaming & Entertainment · dark

Outfit

AetherFlow

Get started

Subsurface Flow Mesh

futuristic, intelligent, serene, dynamic

3D / WebGL · dark

Montserrat

Lumiere Motion

Get started

Liquid Chrome Metamorphism

luxurious, fluid, abstract, dynamic, refined

Fashion & Luxury · dark

DM Sans

Axiom Trace

Get started

Topographic Data Flow

precise, calm, intelligent, flowing, expansive

AI / SaaS · light

Michroma

Vortex Grid

Get started

Energetic Plasma Field

energetic, mysterious, powerful, digital, immersive

Gaming & Entertainment · dark

Lora

Ethereal Loom

Get started

Ethereal Silk Flow

calm, elegant, soft, luxurious, organic

Fashion & Luxury · light

Prompt

Cosmos Connect

Get started

Particle Constellation Grid

calm, intelligent, interconnected, expansive, modern

Education · dark

Noto Serif

Ripple Haven

Get started

Caustic Reflection Pool

calm, serene, refreshing, immersive, reflective

Health & Wellness · light