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 |
---|---|---|---|
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 |
---|---|---|
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 |