@amsterdam/design-system-tokens
Version:
All design tokens from the Amsterdam Design System. Use it to apply its visual design to your website or application.
60 lines (59 loc) • 2.15 kB
JSON
{
"ams": {
"typography": {
"font-family": { "value": "'Amsterdam Sans', Arial, sans-serif" },
"hyphenate-limit-chars": { "value": "12 8 4" },
"body-text": {
"font-size": { "value": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)" },
"font-weight": { "value": "400" },
"line-height": { "value": "1.6667" },
"bold": {
"font-weight": { "value": "800" }
},
"small": {
"font-size": { "value": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)" },
"line-height": { "value": "1.5152" }
},
"large": {
"font-size": { "value": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)" },
"line-height": { "value": "1.5152" }
},
"x-large": {
"font-size": { "value": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)" },
"line-height": { "value": "1.3776" }
}
},
"heading": {
"font-weight": { "value": "800" },
"0": {
"font-size": { "value": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)" },
"line-height": { "value": "1.1386" }
},
"1": {
"font-size": { "value": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)" },
"line-height": { "value": "1.1754" }
},
"2": {
"font-size": { "value": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)" },
"line-height": { "value": "1.2133" }
},
"3": {
"font-size": { "value": "{ams.typography.body-text.x-large.font-size}" },
"line-height": { "value": "1.2524" }
},
"4": {
"font-size": { "value": "{ams.typography.body-text.large.font-size}" },
"line-height": { "value": "1.2928" }
},
"5": {
"font-size": { "value": "{ams.typography.body-text.font-size}" },
"line-height": { "value": "1.3345" }
},
"6": {
"font-size": { "value": "{ams.typography.body-text.small.font-size}" },
"line-height": { "value": "1.3776" }
}
}
}
}
}