/
Typography
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 |
, multiple selections available,
Related content
Colors
More like this
Layout - thinking in rows
Layout - thinking in rows
Read with this
Autosuggest flyout
Autosuggest flyout
Read with this
Minicart flyout
Minicart flyout
Read with this
Design guidelines
Design guidelines
Read with this
Footer (common, bottom part of the shop)
Footer (common, bottom part of the shop)
Read with this