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

Familjen Grotesk

Nordpad

Get started

Monochrome Notes Typography

stark, quiet, confident, Scandinavian, focused

AI / SaaS · light

Hubot Sans

Sketchroom

Get started

Multiplayer Design Canvas

lively, collaborative, crafty, bright, tactile

AI / SaaS · light

Instrument Sans

Shipnote

Get started

Scroll-Drawn Changelog

orderly, lively, transparent, technical, warm

AI / SaaS · dark

Newsreader

Cortexa

Get started

Thin-Film Research Bubble

airy, delicate, intelligent, luminous, curious

AI / SaaS · light

Syne

Warmlead

Get started

Curl Noise Contact Sphere

warm, magnetic, alive, premium, focused

AI / SaaS · dark

Manrope

Ampersand

Get started

Glass Toggle Pricing

clean, glassy, calm, premium, trustworthy

AI / SaaS · light

Gabarito

Beacon Forms

Get started

Cursor Glow Form Builder

friendly, welcoming, soft, capable, upbeat

AI / SaaS · light

Red Hat Display

Timbrel

Get started

Phoneme Ring Voice Studio

musical, intimate, glowing, expressive, late-night studio

AI / SaaS · dark

Geist

Stackmint

Get started

Feature Flag Flicker Grid

controlled, crisp, reassuring, technical, fresh

AI / SaaS · dark

Epilogue

Graphene DB

Get started

Graph Database Ripple Cubes

deep, rippling, structured, hypnotic, violet dusk

AI / SaaS · dark

Syne

Gloss

Get started

Liquid Metal Logo Hero

sleek, molten, futuristic, reflective, confident

AI / SaaS · dark

Newsreader

Babelfin

Get started

Glyph Scramble Translation

literate, worldly, warm, precise, editorial

AI / SaaS · light

Lexend

Kindreply

Get started

Soft Aurora Support Inbox

gentle, helpful, airy, optimistic, calm

AI / SaaS · light

Bricolage Grotesque

Pipewright

Get started

Endless Testimonial Columns

warm, social, energetic, credible, developer-friendly

AI / SaaS · dark

Tektur

Rackspan

Get started

GPU Cloud Heat Lattice

electric, dense, powerful, industrial, neon heat

AI / SaaS · dark

Hanken Grotesk

Candor

Get started

3D Spend Bars Finance

confident, clean, precise, grown-up, lightly playful

Fintech · light

Plus Jakarta Sans

Hollo

Get started

Glowing Prompt Box Hero

inviting, magical, soft glow, conversational, modern

AI / SaaS · dark

Instrument Serif

Flockwise

Get started

Agent Flock on Paper

organic, graphic, confident, ink-on-paper, alive

AI / SaaS · light

Onest

Docket

Get started

Self-Sorting Kanban Board

friendly, organized, warm, upbeat, productive

AI / SaaS · light

Archivo Black

Vaultkeep

Get started

Volumetric Vault Spotlight

noir, silent, secure, precise, dramatic

AI / SaaS · dark

Space Grotesk

Loglyph

Get started

Log Stream Glitch Search

noisy then clear, sharp, technical, satisfying, terminal-native

AI / SaaS · dark

Fredoka

Mentora

Get started

Glass Geometry Math Tutor

bright, encouraging, curious, clear, gently magical

Education · light

Albert Sans

Deepcall

Get started

Sonar Sea Call Analytics

deep, moody, oceanic, insightful, calm authority

AI / SaaS · dark

Schibsted Grotesk

Gridsheet

Get started

AI Spreadsheet Cell Cascade

crisp, satisfying, orderly, bright, productive

AI / SaaS · light

Urbanist

Refract

Get started

Liquid Glass Feature Bento

glossy, playful, premium, tactile, luminous

AI / SaaS · light

Rethink Sans

Meshpoint

Get started

Dotted Globe Edge Network

global, fast, luminous, confident, night-side

AI / SaaS · dark

Bebas Neue

Blitzbuild

Get started

Build Benchmark Race Strip

competitive, fast, punchy, playful, confident

AI / SaaS · dark

Playfair Display

Silkreel

Get started

Silk Cloth Video Generator

lush, cinematic, sensual, confident, velvet night

AI / SaaS · dark

Sora

Ghostwire

Get started

AI Testing Video Website

clinical, sharp, clever, bright lab, slightly mischievous

AI / SaaS · light

Outfit

Conduit

Get started

Integration Orbit Hub

orbital, connected, calm, systematic, glowing

AI / SaaS · dark

Libre Caslon Text

Parchment

Get started

Docs Lens Reveal Section

bookish, warm, clever, crafted, calm

AI / SaaS · light

Funnel Display

Daybreak

Get started

Dawn Gradient Data Warehouse

hopeful, cinematic, warm, expansive, clear

AI / SaaS · dark

Space Grotesk

NebulaCode

Get started

Nebula Code Graph

cosmic, precise, alive, dark, analytical

AI / SaaS · dark

Outfit

AstraVoice

Get started

Astra Voice Orb

airy, responsive, calm, futuristic, light

AI / SaaS · light

Syne

PulseAnalytics

Get started

Pulse Analytics Dashboard

sharp, energetic, dark, data-dense, playful

AI / SaaS · dark

Space Grotesk

Synapse

Get started

Neural Diff Hero

technical, deep, precise, electric, trustworthy

AI / SaaS · dark

Plus Jakarta Sans

Echo

Get started

Prompt Optimization Playground

clean, playful, transparent, fast, educational

AI / SaaS · light

Outfit

Flux

Get started

Live Query Flow Background

deep, systemic, alive, urgent, analytical

AI / SaaS · dark

Inter Tight

Forge

Get started

Agent Forge Node Editor

empowering, clear, vibrant, modular, responsive

AI / SaaS · light

Space Grotesk

LintAI

Get started

Code Quality Force Graph

technical, cosmic, precise, empowering

AI / SaaS · dark

Plus Jakarta Sans

Streamline

Get started

Feature Flag Ripple Toggle

clean, reassuring, tactile, transparent

AI / SaaS · light

Syne

TokenFlow

Get started

Token Flow Cost Visualizer

golden, fluid, analytical, urgent

AI / SaaS · dark

Outfit

SchemaSculpt

Get started

Schema Migration Timeline

structured, constructive, transparent, calm

AI / SaaS · light

Space Grotesk

Prism

Get started

Diff Lens Hero

precise, luminous, deep, analytical

AI / SaaS · dark

Outfit

Invoke

Get started

Invoke Map World

global, electric, transparent, fast

AI / SaaS · dark

Plus Jakarta Sans

Topo

Get started

Table Topology Grid

clean, structured, exploratory, bright

AI / SaaS · light

Inter

TokenGarden

Get started

Token Garden Landing

organic, playful, insightful, vibrant

AI / SaaS · light

JetBrains Mono

Codetrace

Get started

Particle Diff Hero

technical, kinetic, precise, dark-mode native

AI / SaaS · dark