Design systems of 31 websites
Each page shows what a site really renders: its brand colors with usage counts, every font and size, the spacing scale, radii, motion and an audit score. All of it was read by the free designlang CLI, and every set of tokens can be downloaded.
All design systems
Airbnb
Light UI, Airbnb Cereal VF, #ff385c
Anthropic
Light UI, Anthropic Sans, #d97757
Apple
Light UI, SF Pro Text, #f5f5f7
Arc
Light UI, Marlin, #2702c2
Cal.com
Light UI, Inter, #0000ee
Clerk
Light UI, geistNumbers, #6c47ff
Discord
Dark UI, Ggsans, #5865f2
Duolingo
Light UI, duolingo-sans, #d7ffb8
Figma
Light UI, figmaSans, #e4ff97
Framer
Dark UI, Inter, #0066ff
GitHub
Dark UI, Mona Sans, #f0f6fc
Linear
Dark UI, Inter Variable, #e4f222
Loom
Light UI, Charlie Text, #1868db
Mintlify
Light UI, inter, #faf8f5
Netflix
Dark UI, Netflix Sans, #e50914
Notion
Light UI, NotionInter, #455dd3
PostHog
Light UI, IBM Plex Sans Variable, #e1d7c2
Postman
Light UI, inter, #e05320
Railway
Dark UI, Inter, #59497a
Raycast
Dark UI, Inter, #ff6363
Render
Light UI, PPNeueMontreal, #8a05ff
Resend
Dark UI, inter, #d6ebfd
Retool
Dark UI, saansFont, #e9ebdf
Sentry
Dark UI, Rubik, #150f23
Spotify
Dark UI, SpotifyMixUI, #1ed760
Stripe
Light UI, sohne-var, #533afd
Supabase
Light UI, Circular, #72e3ad
Tailwind CSS
Light UI, inter, #ec0853
v0
Light UI, GeistSans
Vercel
Light UI, Geist, #0068d6
Webflow
Light UI, WF Visual Sans Variable, #146ef5
Dark UI
Discord
Dark UI, Ggsans, #5865f2
Framer
Dark UI, Inter, #0066ff
GitHub
Dark UI, Mona Sans, #f0f6fc
Linear
Dark UI, Inter Variable, #e4f222
Netflix
Dark UI, Netflix Sans, #e50914
Railway
Dark UI, Inter, #59497a
Raycast
Dark UI, Inter, #ff6363
Resend
Dark UI, inter, #d6ebfd
Retool
Dark UI, saansFont, #e9ebdf
Sentry
Dark UI, Rubik, #150f23
Spotify
Dark UI, SpotifyMixUI, #1ed760
Light UI
Airbnb
Light UI, Airbnb Cereal VF, #ff385c
Anthropic
Light UI, Anthropic Sans, #d97757
Apple
Light UI, SF Pro Text, #f5f5f7
Arc
Light UI, Marlin, #2702c2
Cal.com
Light UI, Inter, #0000ee
Clerk
Light UI, geistNumbers, #6c47ff
Duolingo
Light UI, duolingo-sans, #d7ffb8
Figma
Light UI, figmaSans, #e4ff97
Loom
Light UI, Charlie Text, #1868db
Mintlify
Light UI, inter, #faf8f5
Notion
Light UI, NotionInter, #455dd3
PostHog
Light UI, IBM Plex Sans Variable, #e1d7c2
Postman
Light UI, inter, #e05320
Render
Light UI, PPNeueMontreal, #8a05ff
Stripe
Light UI, sohne-var, #533afd
Supabase
Light UI, Circular, #72e3ad
Tailwind CSS
Light UI, inter, #ec0853
v0
Light UI, GeistSans
Vercel
Light UI, Geist, #0068d6
Webflow
Light UI, WF Visual Sans Variable, #146ef5
Pill-shaped controls
Serif type
Uses a mono font
Anthropic
Light UI, Anthropic Sans, #d97757
Arc
Light UI, Marlin, #2702c2
Cal.com
Light UI, Inter, #0000ee
Clerk
Light UI, geistNumbers, #6c47ff
Figma
Light UI, figmaSans, #e4ff97
Framer
Dark UI, Inter, #0066ff
GitHub
Dark UI, Mona Sans, #f0f6fc
Linear
Dark UI, Inter Variable, #e4f222
Mintlify
Light UI, inter, #faf8f5
PostHog
Light UI, IBM Plex Sans Variable, #e1d7c2
Postman
Light UI, inter, #e05320
Railway
Dark UI, Inter, #59497a
Raycast
Dark UI, Inter, #ff6363
Render
Light UI, PPNeueMontreal, #8a05ff
Resend
Dark UI, inter, #d6ebfd
Sentry
Dark UI, Rubik, #150f23
Supabase
Light UI, Circular, #72e3ad
Tailwind CSS
Light UI, inter, #ec0853
v0
Light UI, GeistSans
Vercel
Light UI, Geist, #0068d6
Webflow
Light UI, WF Visual Sans Variable, #146ef5
Blue accent
Purple accent
Green accent
Red, orange or yellow accent
Black, white or grey accent
Your site is not here? Read it
Run npx designlang yoursite.com for the same report, tokens and files on your own machine. It is free and open source.