Discover
Real design systems, extracted.
Every card is a live extraction. Click to open the full package — tokens, CSS variables, Tailwind config, and more.
Calderacaldera.xyz
action#FC5000
displayPP Neue Corp
radius100px
6 colors5 type styles15 tokens
Sweetgreensweetgreen.com
action#00473C
displaySweetSansText
radius1000px
8 colors6 type styles23 tokens
Anthropicanthropic.com
action#3898ec
displayAnthropic Serif
radius0px
6 colors7 type styles20 tokens
Hume AIhume.ai
action#C094E4
displayFellix
radius1.5rem
6 colors6 type styles20 tokens
Stripestripe.com
action#533afd
displaySohne
radius4px
8 colors6 type styles14 tokens
Whoopwhoop.com
action#000000
displayProxima Nova
radius6px
7 colors6 type styles21 tokens
Le Labolelabofragrances.com
action#424242
displayBell Gothic Std
radius30px
8 colors5 type styles19 tokens
Microsoft AImicrosoft.ai
action#0078d4
displayBradford LL
radius3px
8 colors4 type styles20 tokens
Cluelycluely.com
action#3152f4
displayEB Garamond
radius9999px
6 colors7 type styles21 tokens
Don’t see your site?
Extract your own design system →