Files
Kordant/design-tokens/typography.json

67 lines
1.5 KiB
JSON

{
"meta": {
"description": "Kordant typography scale — Inter font family",
"version": "1.0.0",
"lastUpdated": "2026-05-26"
},
"fontFamily": {
"value": "Inter",
"fallback": "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif"
},
"scale": {
"caption": {
"size": "12px",
"lineHeight": "16px",
"description": "Fine print, captions, labels"
},
"body": {
"size": "16px",
"lineHeight": "24px",
"description": "Default body text"
},
"bodyLarge": {
"size": "18px",
"lineHeight": "28px",
"description": "Emphasized body text"
},
"headline": {
"size": "20px",
"lineHeight": "28px",
"description": "Section headings, card titles"
},
"title": {
"size": "24px",
"lineHeight": "32px",
"description": "Page titles"
},
"largeTitle": {
"size": "32px",
"lineHeight": "40px",
"description": "Hero headlines"
},
"display": {
"size": "48px",
"lineHeight": "56px",
"description": "Landing page hero display text"
}
},
"weights": {
"regular": {
"value": 400,
"description": "Body text, default"
},
"medium": {
"value": 500,
"description": "Emphasis in body, labels"
},
"semibold": {
"value": 600,
"description": "Headings, buttons"
},
"bold": {
"value": 700,
"description": "Display text, hero headlines"
}
}
}