Typography - Design

Cherry offers two distinct sets of typography definitions: one for desktop and another for mobile. These comprehensive definitions ensure that type displays correctly on screens of all sizes.

Desktop

Hero1Inter 128px/1.1

Hero2Inter 96px/1.1

Hero3Inter 72px/1.1

H1Inter 60px/1.4

H2Inter 36px/1.5

H3Inter 30px/1.5

H4Inter 24px/1.5

H5Inter 20px/1.5

H6Inter 18px/1.6

Laborum cupidatat voluptate sit do nisi laboris...

TextInter 16px/1.7

Exercitation eiusmod ad anim...

StrongInter 16px/1.7

Exercitation deserunt minim minim dolor...

SmallInter 14px/1.7

Quis nostrud dolor labore labore do...

BlockquoteInter 18px/1.7

Dolor enim deserunt anim pariatur...

CodeMono 16px/1.7

Aute consect...

ButtonInter 16px/1

Aliquip laboris...

Button BigInter 18p/1

Enim ex duis...

InputInter 16px/1

Culpa eiusmod...

Input BigInter 18px/1

Mobile

Hero1Inter 72px/1.1

Hero2Inter 60px/1.1

Hero3Inter 36px/1.2

H1Inter 40px/1.5

H2Inter 30px/1.5

H3Inter 28px/1.3

H4Inter 26px/1.3

H5Inter 18px/1.6

H6Inter 16px/1.6

Laborum cupidatat voluptate sit do nisi laboris...

TextInter 14px/1.7

Exercitation eiusmod ad anim...

StrongInter 14px/1.7

Exercitation deserunt minim minim dolor...

SmallInter 12px/1.7

Quis nostrud dolor labore labore do...

BlockquoteInter 16px/1.7

Dolor enim deserunt anim pariatur...

CodeMono 14px/1.7