Headings

Heading element styles

Heading 1

classes: n7-heading-1

font: Inter

font size: 3.75rem - 60px

Heading 2

classes: n7-heading-2

font: Inter

font size: 3rem - 48px

Heading 3

classes: n7-heading-3

font: Inter

font size: 2.25rem - 36px

Heading 4

classes: n7-heading-4

font: Inter

font size: 1.5rem - 24px

Heading 5

classes: n7-heading-5

font: Inter

font size: 1.25rem - 20px

Heading 6

classes: n7-heading-6

font: Inter

font size: 1rem - 16px

Display Headings

Heading-like styles

Display 1

classes: n7-display-heading-1

font: Inter

font size: 8rem - 128px

Display 2

classes: n7-display-heading-2

font: Inter

font size: 6rem - 96px

Display 3

classes: n7-display-heading-3

font: Inter

font size: 4.5rem - 72px

Display 4

classes: n7-display-heading-4

font: Inter

font size: 3.75rem - 60px

Display 5

classes: n7-display-heading-5

font: Inter

font size: 3rem - 48px

Display 6

classes: n7-display-heading-6

font: Inter

font size: 2.25rem - 36px

Body

Page body styles

Body xs

classes: n7-body-xs

font: Inter

font size: 0.75rem - 12px

Text

Additional text styles

text-9xl

classes: text-9xl font-medium font-sans

font: Font name

font size: 6rem - 96px