Discover
Real design systems, extracted.
Every card is a live extraction. Click to open the full package — tokens, CSS variables, Tailwind config, and more.
Hacktoberfesthacktoberfest.com
action#e97b77
displayBarlow Semi Condensed
radius12px
8 colors2 type styles16 tokens
IRCrescue.org
action#ffc72c
displayakzidenz-grotesk
radius0px
8 colors5 type styles16 tokens
Makromakro.framer.website
action#0099ff
displayInter Display
radius24px
13 colors2 type styles23 tokens
Basedashbasedash.com
action#0a84ff
displayInter
radius6px
8 colors3 type styles19 tokens
ESMTesmt.berlin
action#f7d070
displaysoba
radius20px
8 colors5 type styles19 tokens
OpenCodeopencode.ai
action#007aff
displayOpenTUI Mono
radius8px
8 colors2 type styles15 tokens
Orq.aiorq.ai
action#141318
displayES Klarheit Kurrent Semibold
radius20px
12 colors3 type styles20 tokens
Blancablancapadel.com
action#f2d953
displayAeonik Pro
radius8px
9 colors6 type styles19 tokens
Le Labolelabofragrances.com
action#0085d4
displayBell Gothic Std
radius5px
12 colors5 type styles23 tokens
Supermemorysupermemory.ai
action#0263ef
displaySpace Grotesk
radius12px
14 colors7 type styles28 tokens
Wattpadwattpad.com
action#51a800
displaySource Sans Pro
radius24px
8 colors8 type styles32 tokens
Spartanhirespartan.io
action#6cff80
displaySpace Grotesk Variable
radius16px
13 colors6 type styles27 tokens
Don’t see your site?
Extract your own design system →