General concept

Typography is divided into Headings and Body texts


  • Headings are responzive texts with specific values for all breakpoints (mobile, tablet, desktop)
  • It's not connected with h1, h2, etc. in the code. You can use h1 with Heading Small and also h1 with Heading Large

Body texts

  • Body texts are no responsive
  • Body texts use font family Inter
  • Component sizes are derived from body text line heights