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
Claudeclaude.com
action#9775fa
displayAnthropic Sans
radius8px
16 colors8 type styles28 tokens
Linearlinear.app
action#5E6AD2
displayInter
radius6px
6 colors5 type styles18 tokens
Alloyusealloy.ai
action#2d62ff
displayGeist
radius1rem
8 colors8 type styles22 tokens
Appleapple.com
action#0066cc
displaySF Pro Display
radius8px
12 colors4 type styles22 tokens
OpenClawopenclaw.ai
action#ff4d4d
displayClash Display
radius12px
20 colors6 type styles30 tokens
Don’t see your site?
Extract your own design system →