Global typography tokens
These are the original values in our design language, represented by context-agnostic names. They define the values that can be assigned to our Alias Tokens, which are the ones used in GUIs while designing and developing our products.
Font family
Example Description Token name
- StringJET Sans Our primary font family$font-family-primary
- StringArial Used only as a fallback font$font-family-secondary
- StringCP Mono Used only for snippets of code$font-family-code
Font weight
Example Description Token name
- StringExtra bold$font-weight-extrabold
- StringBold$font-weight-bold
- StringRegular$font-weight-regular
Font size
Example Description Token name
- StringFont size a Text size: 12px$font-size-a
Line height: 16px - StringFont size b Text size: 14px$font-size-b
Line height: 20px - StringFont size c Text size: 16px$font-size-c
Line height: 24px - StringFont size d Text size: 20px$font-size-d
Line height: 28px - StringFont size e Text size: 24px$font-size-e
Line height: 32px - StringFont size f Text size: 28px$font-size-f
Line height: 36px - StringFont size g Text size: 32px$font-size-g
Line height: 40px - StringFont size h Text size: 48px$font-size-h
Line height: 56px
Font style
Example Description Token name
- StringUnderline Text decoration: underline$font-style-underline
Paragraph spacing
Example Description Token name
-
Paragraph
Paragraph
Paragraph spacing 1 Space between paragraphs: 16px$font-paragraph-spacing-01 -
Paragraph
Paragraph
Paragraph spacing 2 Space between paragraphs: 14px$font-paragraph-spacing-02 -
Paragraph
Paragraph
Paragraph spacing 3 Space between paragraphs: 12px$font-paragraph-spacing-03
Letter spacing
Example Description Token name
- StringLetter spacing 0 Default letter spacing$font-letter-spacing-00