@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.
146 lines (145 loc) • 3.72 kB
JSON
{
"ams": {
"typography": {
"body-text": {
"font-size": {
"$value": {
"value": 1,
"unit": "rem"
},
"$type": "dimension"
},
"line-height": {
"$value": 1.5,
"$extensions": {
"nl.amsterdam.subtype": "lineHeight"
},
"$type": "number"
},
"small": {
"font-size": {
"$value": {
"value": 0.875,
"unit": "rem"
},
"$type": "dimension"
},
"line-height": {
"$value": 1.4,
"$extensions": {
"nl.amsterdam.subtype": "lineHeight"
},
"$type": "number"
}
},
"large": {
"font-size": {
"$value": "clamp(1.125rem, 1.1071rem + 0.0893vw, 1.1875rem)",
"$extensions": {
"nl.amsterdam.type": "fontSize"
}
},
"line-height": {
"$value": 1.4,
"$extensions": {
"nl.amsterdam.subtype": "lineHeight"
},
"$type": "number"
}
},
"x-large": {
"font-size": {
"$value": "clamp(1.25rem, 1.1964rem + 0.2679vw, 1.4375rem)",
"$extensions": {
"nl.amsterdam.type": "fontSize"
}
},
"line-height": {
"$value": 1.3,
"$extensions": {
"nl.amsterdam.subtype": "lineHeight"
},
"$type": "number"
}
}
},
"heading": {
"1": {
"font-size": {
"$value": "clamp(1.5rem, 1.4286rem + 0.3571vw, 1.75rem)",
"$extensions": {
"nl.amsterdam.type": "fontSize"
}
},
"line-height": {
"$value": 1.2,
"$extensions": {
"nl.amsterdam.subtype": "lineHeight"
},
"$type": "number"
}
},
"2": {
"font-size": {
"$value": "{ams.typography.body-text.x-large.font-size}",
"$extensions": {
"nl.amsterdam.type": "fontSize"
}
},
"line-height": {
"$value": 1.3,
"$extensions": {
"nl.amsterdam.subtype": "lineHeight"
},
"$type": "number"
}
},
"3": {
"font-size": {
"$value": "{ams.typography.body-text.large.font-size}",
"$extensions": {
"nl.amsterdam.type": "fontSize"
}
},
"line-height": {
"$value": 1.3,
"$extensions": {
"nl.amsterdam.subtype": "lineHeight"
},
"$type": "number"
}
},
"4": {
"font-size": {
"$value": "{ams.typography.body-text.font-size}",
"$extensions": {
"nl.amsterdam.type": "fontSize"
}
},
"line-height": {
"$value": 1.4,
"$extensions": {
"nl.amsterdam.subtype": "lineHeight"
},
"$type": "number"
}
},
"5": {
"font-size": {
"$value": "{ams.typography.body-text.small.font-size}",
"$extensions": {
"nl.amsterdam.type": "fontSize"
}
},
"line-height": {
"$value": 1.4,
"$extensions": {
"nl.amsterdam.subtype": "lineHeight"
},
"$type": "number"
}
}
}
}
}
}