Style
Typeface
/combo class
Size
Letter-spacing [em]
Line-height [%]
Example
H1.hero
GD-Sans
Regular
3.5em
-0.01em
x

Abc123

H1
GD-Sans
Regular
3.5em
-0.01em
x

Abc123

H2
GD-Sans
Regular
2.5em
-0.01em
120%

Abc123

H3
GD-Sans
Regular
2em
-0.01em
125%

Abc123

H4
GD-Sans
Regular
1.75em
-0.01em
125%

Abc123

H5
GD-Sans
Regular
1.5em
0em
133,33%
Abc123
H6
GD-Sans
Regular
1.25em
0em
140%
Abc123
Paragraph-XL
GD-Sans
Regular
1.75em
-0.01em
120%

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Paragraph-L
GD-Sans
Regular
1.5em
-0.01em
140%

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Paragraph-M
GD-Sans
Regular
1.25em
-0.01em
137,5%

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Paragraph-S
GD-Sans
Regular
1em
-0.01em
137,5%

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Paragraph-XS
GD-Sans
Regular
1em
-0.01em
137,5%

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Info-large
GD-Sans
Regular
0.875em
-0.01em
125%
This is some text inside of a div block.
Info-medium
GD-Sans
Regular
0.875em
-0.01em
125%
This is some text inside of a div block.
Info-small
GD-Sans
Regular
0.875em
-0.01em
125%
This is some text inside of a div block.
ui-label-large
GD-Sans
Regular
0.875em
-0.01em
100%
This is some text inside of a div block.
ui-label-small
GD-Sans
Regular
0.875em
-0.01em
100%
This is some text inside of a div block.
a-link
GD-Sans
Regular
1em (16px)
-0.01em
120%
Text Link
main-button
Button
main-button-icon-arrow
Button
main-button-icon-plus
Button
main-button-icon-external
Button
main-button-icon-arrow
Button
main-button-outline
‍
Button
text-button-icon-r
‍
Button
text-button-icon-l
‍
Button
pill-tag
Pill tag
pill-tag_white
Pill tag
pill-tag-outline
Pill tag
pill-tag-outline_white
Pill tag