Style

Typeface
/combo class

Size

Letter-spacing [em]

Line-height [%]

Example

GD-Sans
Regular

3.5em

-0.01em

114,28%

Abc123

GD-Sans
Regular

2.5em

-0.01em

120%

Abc123

GD-Sans
Regular

2em

-0.01em

125%

Abc123

GD-Sans
Regular

1.75em

-0.01em

125%

Abc123

GD-Sans
Regular

1.5em

0em

133,33%

Abc123

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.

Data label M

GD-Sans
Regular

0.875em

-0.01em

125%

This is some text inside of a div block.

Data label S

GD-Sans
Regular

0.75em

-0.01em

133,333%

This is some text inside of a div block.

UI - Main button text

GD-Sans
Regular

0.875em

-0.01em

100%

This is some text inside of a div block.

UI - Pill text

GD-Sans
Regular

0.75em

-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

is--black

Button

main-button is--white

is--white

Button

main-button-outline

Button

main-button-outline is--white

is--white

Button

secondary-button

Button

text-button
‍

Button

pill-tag

is--green

is--purple

is--light

is--white
is--outline

Pill tag