Components for Design System documentation.
Beautiful, interactive documentation components for your design tokens following industry standards.
Acme Design System
Color Tokens
Color tokens represent semantic color palette used throughout the design system.
#3b82f6
#1e293b
#eff6ff
#dbeafe
#93c5fd
#60a5fa
#3b82f6
#2563eb
#10b981
#f59e0b
#ef4444
#3b82f6
| Name | Value |
|---|---|
4px | |
8px | |
16px | |
24px |
| Name | Value |
|---|---|
0 | |
4px | |
8px | |
12px |
| Name | Value |
|---|---|
14px | |
16px | |
18px | |
24px |
| Name | Value |
|---|---|
#3b82f6 | |
#1e293b | |
#10b981 | |
#f59e0b |