Styles · 1,217 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.

From AnimatedWebs templates

1,217 styles

Space Grotesk

Flux

Get started

Flux Fintech Particle Scene

midnight navy, cool white, electric cobalt accent with a cobalt-to-cyan-to-mint spectrum; Space Grotesk + Inter; fast, exact, trustworthy

Fintech · dark

Syne

Echo

Get started

Echo Audio Particle Scene

black, soft white, hot pink accent with a pink-to-violet-to-cyan spectrum; Syne + Inter; loud, sensual, immersive

Music & Events · dark

Inter Tight

Noesis

Get started

Noesis Lightbulb Particle Scene

pure black void, bone white, a single electric violet pill, a full cool spectrum of shards (violet, cyan, magenta, mint); Inter Tight + Inter 300; quiet, luminous, intelligent

3D / WebGL · dark

Sora

Aegis

Get started

Aegis Cybersecurity Particle Scene

midnight black, ice white, cobalt signal accent with a cobalt-to-cyan spectrum; Sora + Inter; vigilant, precise, calm

AI / SaaS · dark

Fraunces

Pulse

Get started

Pulse Healthcare Particle Scene

deep teal-black, clinical white, mint accent with a mint-to-rose spectrum; Fraunces + Inter; warm, trustworthy, calm

Health & Wellness · dark

Unbounded

Launchpad

Get started

Launchpad Startup Particle Scene

true black, starlight white, electric violet accent with a violet-to-cyan-to-pink spectrum; Unbounded + Inter; ambitious, energetic, bold

3D / WebGL · dark

Space Grotesk

Verdant

Get started

Verdant Climate Particle Scene

forest-black, soft white, fresh mint accent with a mint-to-teal-to-sky spectrum; Space Grotesk + Inter; optimistic, clear, grounded

3D / WebGL · dark

Syne

Ledger Lab

Get started

Ledger Lab Web3 Particle Scene

ink black, cool white, iris accent with an iris-to-cyan-to-magenta spectrum; Syne + Inter; sovereign, technical, bold

Web3 · dark

Inter Tight

Atlas

Get started

Atlas AI Agents Particle Scene

pure black, bone white, electric iris accent with a full cool shard spectrum; Inter Tight + Inter; capable, calm, intelligent

AI / SaaS · dark

Archivo

Kavik Motors

Get started

Kavik GT-1 Photoreal Scroll Film

graphite black, cool white, ice-blue headlight accent; Archivo Expanded + Inter Tight + JetBrains Mono; sleek, engineered, cinematic, quiet confidence

Automotive · dark

Instrument Serif

Orchid

Get started

Orchid AI Creative Studio

void black, porcelain white, iris and cyan glass light; Instrument Serif + Inter; delicate, premium, alive

AI / SaaS · dark

Cormorant Garamond

Amethyst

Get started

Amethyst Expeditions Travel

deep violet black, lilac light, soft sky blue; Cormorant Garamond + Manrope; awe, calm, wonder

Travel · dark

Inter Tight

Chrome

Get started

Chrome Capital Fintech Platform

deep navy black, ice white, liquid chrome and cyan; Inter Tight + Inter; precise, fluid, trustworthy

Fintech · dark

Fraunces

Aurora Lagoon

Get started

Aurora Lagoon Wellness Retreat

polar night black, glacier white, aurora green and teal; Fraunces + Manrope; still, restorative, vast

Health & Wellness · dark

Cormorant Garamond

Porcelain

Get started

Porcelain Silver Jewelry

porcelain white, ink black, cobalt detail; Cormorant Garamond + Inter; quiet luxury, sculptural, precise

Fashion & Luxury · light

Space Grotesk

Abyssal

Get started

Abyssal Bio AI Discovery

abyssal indigo black, bioluminescent cyan and magenta; Space Grotesk + Inter; deep, scientific, wondrous

AI / SaaS · dark

Geist

Noesis

Get started

Noesis AI Research Brain

pure black void, bone white, one electric violet action colour, mint signal dots and a cool confetti spectrum in the particles; Geist 200/400 + Geist Mono; calm, sculptural, intelligent

AI / SaaS · dark