Typography

The front-end developer needs some basic info about typography across the shop.

Below you can find an example of a basic typography table:

Heading

Weight

Font size

Line Height

Heading

Weight

Font size

Line Height

Headline X Large

Semibold

38px

130%

Headline Large

Medium

32px

130%

Headline Medium

Medium

24px

130%

Headline Small

Medium

16px

130%

Body Large

Medium

16px

160%

Body Medium

Medium

14px

160%

 

Style

Desktop

Mobile

 

Style

Desktop

Mobile

H1

Headline X Large

Headline Medium

H2

Headline Large

Headline Medium

H3

Headline Medium

Headline Small

H4

Headline Small

Headline Small

H5

Headline Small

Headline Small

H6

Headline Small

Headline Small

P

Body Large

Body Medium