Typography

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:
​@ds.allTokens​
​@ds.tokensByType (with "Typography") attribute
​@ds.tokensByGroupId​
Measure
Text
Last modified 6mo ago
Copy link
Contents
Example Token Payload
Associated functions