D
D
Developers
Search…
Typography
Typography tokens define one single text style, such as 12px bold Lato, 150% line spacing.

Example Token Payload

This is what the typography payload looks like:
1
{
2
"id": string
3
"name": string
4
"description": string
5
"tokenType": "Typography"
6
"origin": ItemOrigin | null
7
"value": {
8
"font": {
9
"family": string,
10
"subfamily": string
11
"referencedToken": Font | null
12
},
13
"fontSize": {
14
"unit": "px",
15
"measure": double
16
"referencedToken": Measure | null
17
},
18
"letterSpacing": {
19
"unit": "px",
20
"measure": double
21
"referencedToken": Measure | null
22
},
23
"lineHeight": {
24
"unit": "px",
25
"measure": double
26
"referencedToken": Measure | null
27
},
28
"paragraphIndent": {
29
"unit": "px",
30
"measure": double
31
"referencedToken": Measure | null
32
},
33
"textDecoration": "None" | "Underline" | "Strikethrough"
34
"textCase": "Original" | "Upper" | "Lower" | "Camel"
35
"referencedToken": Typography | null
36
}
37
}
Copied!

Associated functions

You can use the following functions to retrieve typography tokens from your design system:
Last modified 6mo ago