Headings

Heading element styles

Heading 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit

classes: n7-heading-1

font: IBM Plex Sans

font size: 3.75rem - 60px

Heading 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit

classes: n7-heading-2

font: IBM Plex Sans

font size: 3rem - 48px

Heading 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt

classes: n7-heading-3

font: IBM Plex Sans

font size: 2.25rem - 36px

Heading 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

classes: n7-heading-4

font: IBM Plex Sans

font size: 1.5rem - 24px

Heading 5 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

classes: n7-heading-5

font: IBM Plex Sans

font size: 1.25rem - 20px

Heading 6 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua dolore magna aliqua

classes: n7-heading-6

font: IBM Plex Sans

font size: 1rem - 16px

Display Headings

Heading-like styles

Dispay 1 - The quick brown fox

classes: n7-display-heading-1

font: IBM Plex Sans

font size: 8rem - 128px

Display 2 - The quick brown fox

classes: n7-display-heading-2

font: IBM Plex Sans

font size: 6rem - 96px

Display 3

classes: n7-display-heading-3

font: IBM Plex Sans

font size: 4.5rem - 72px

Display 4

classes: n7-display-heading-4

font: IBM Plex Sans

font size: 3.75rem - 60px

Display 5

classes: n7-display-heading-5

font: IBM Plex Sans

font size: 3rem - 48px

Display 6

classes: n7-display-heading-6

font: IBM Plex Sans

font size: 2.25rem - 36px

Body

Page body styles

Body xs

classes: n7-body-xs

font: IBM Plex Sans

font size: 0.75rem - 12px

Text

Additional text styles

text-2xl

classes: text-2xl font-normal font-sans

font: Font name

font size: 1.5rem - 24px

text-2xl-bold

classes: text-2xl font-bold font-sans

font: Font name

font size: 1.5rem - 24px

text-2xl-bold-underline

classes: text-2xl font-bold underline font-sans

font: Font name

font size: 1.5rem - 24px

text-3xl

classes: text-3xl font-normal font-sans

font: Font name

font size: 1.875rem - 30px

text-3xl-bold

classes: text-3xl font-bold font-sans

font: Font name

font size: 1.875rem - 30px

text-3xl-bold-underline

classes: text-3xl font-bold underline font-sans

font: Font name

font size: 1.875rem - 30px