Design system inspiration series: Salesforce Lightning
🌱 seed (?)
On This Page
Typography design tokens
Source: https://github.com/salesforce-ux/design-system/blob/master/design-tokens/aliases 😻
- Design tokens are in YAML format
- What parts are specified?
- In
aliases
:- font-size —
FONT_SIZE_1: "0.625rem"
etc - font-family —
SANS_SERIF: "Helvetica, Arial, sans-serif"
etc - font-weight —
FONT_WEIGHT_LIGHT: "300"
etc
- font-size —
- In
primitive
(previously called "global"):- font-size https://github.com/salesforce-ux/design-system/blob/66ac833b589830249507ac537c479cae74223972/design-tokens/primitive/font-size.yml
- font-family
- font-weight
- line-height
- This only exists as a primitive file. Presumably bcs the value is straightforward (
1.25
,1.5
etc)?
- This only exists as a primitive file. Presumably bcs the value is straightforward (
- 💭 I find the
primitive
andalias
setup interesting.
- In