Files
Kordant/design-tokens/spacing.json

42 lines
931 B
JSON

{
"meta": {
"description": "Kordant spacing scale — 4px base grid",
"version": "1.0.0",
"lastUpdated": "2026-05-26"
},
"scale": {
"0": {
"value": "0px",
"description": "No spacing"
},
"xs": {
"value": "4px",
"description": "Tightest spacing — within components"
},
"sm": {
"value": "8px",
"description": "Small gaps — icon to text, tight lists"
},
"md": {
"value": "16px",
"description": "Default spacing — card padding, form fields"
},
"lg": {
"value": "24px",
"description": "Section spacing — between cards"
},
"xl": {
"value": "32px",
"description": "Large spacing — between sections"
},
"xxl": {
"value": "48px",
"description": "Page-level spacing"
},
"xxxl": {
"value": "64px",
"description": "Hero spacing, full section gaps"
}
}
}