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
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
Spotify
SpotifyMixUI · dark
Nike
Nike Futura ND · light
Raycast
Inter · dark
Arc
Marlin Soft SQ · light
GitHub
Mona Sans · dark
OpenAI
OpenAI Sans · light
Anthropic
Anthropic Sans · light
Discord
Abcgintodiscordnord · dark
Dropbox
Sharp Grotesk · light
Slack
Salesforce-Avant-Garde · light
Shopify
Shopify-Inter · dark
Webflow
WF Visual Sans Variable · light
Revolut
Aeonik Pro · light
Duolingo
duolingo-sans · light
Mercury
arcadiaDisplay · dark
Ramp
Lausanne · light
Supabase
Manrope · light
Cursor
CursorGothic · light
Lovable
Camera Plain Variable · light
Polestar
Polestar Unica · light
PlayStation
SST · light
Dyson
DysonFutura · light
Teenage Engineering
te-20 · dark
Loom
Charlie Display · dark
Miro
Roobert PRO Medium · light
Canva
Canva Sans · light
Pitch
Mark Pro Bold · light
Readymag
custom_157067 · light
Spline
Spline Sans · dark
Hugging Face
Source Sans Pro · light
Netlify
Figtree · dark
monday.com
Poppins · light
Attio
interDisplay · light
Clerk
geistNumbers · light
Resend
domaine · dark