Documentation
A print-ready snapshot of every component and token in this design system. Use to hand off to a designer, attach to a PR, or archive a release. Click Print below or press ⌘P and choose Save as PDF.
My App — Design System
Generated 2026-04-30 · v1.0.0
project · meta
- project
- My App
- version
- 1.0.0
- components
- 10
- tokens
- 24
components · 10
| Name | ID | Category | Source |
|---|---|---|---|
| Button | button | form | custom |
| Card | card | data-display | custom |
| Switch | switch | form | custom |
| Badge | badge | data-display | shadcn |
| Avatar | avatar | data-display | custom |
| Input | input | form | custom |
| Label | label | form | custom |
| Alert | alert | feedback | custom |
| Skeleton | skeleton | feedback | custom |
| Progress | progress | feedback | custom |
color · 11 tokens
light
primary#17a862
secondary#4a5568
accent#17a862
success#17a862
warning#b47a10
error#d1383d
info#4a5568
background#fafaf7
foreground#0a0a0a
muted#f4f3ef
border#e7e6e0
dark
primary#3ecf8e
secondary#a1a1a1
accent#3ecf8e
success#3ecf8e
warning#f5a623
error#ff5c5c
info#61afef
background#0a0a0a
foreground#ededed
muted#161616
border#1f1f1f
typography
fontFamily
sansInter, system-ui, sans-serif
monoJetBrains Mono, monospace
fontSize
xs0.75rem
sm0.875rem
base1rem
lg1.125rem
xl1.25rem
2xl1.5rem
3xl1.875rem
4xl2.25rem
fontWeight
normal400
medium500
semibold600
bold700
lineHeight
tight1.25
normal1.5
relaxed1.75
spacing · 7 tokens
xs0.25rem
sm0.5rem
md1rem
lg1.5rem
xl2rem
2xl3rem
3xl4rem
radius · 6 tokens
none0
sm0.25rem
md0.5rem
lg0.75rem
xl1rem
full9999px