Typography Presets

These text presets are used to style many elements across the site including the base typography in the rich text content widget. These are editable in Global Settings > Typography > Presets. The original foundation for type sizing is the major third typography sizing. You can see typescales here: https://typescale.com/

Body copy > large. This is basically leading text but is also great for short section descriptions just below titles. Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec. Ex saperet perfecto dissentiunt sit, natum intellegat nam ex, sed saepe singulis erroribus ut. At altera aliquam his. Vim repudiare philosophia ei, vis no cibo nonumy. Vix te dicat nulla intellegat, justo euismod ad has, id hinc aliquid has. Choro oblique vituperata est ex, ea est natum latine vivendo. Est ex iudico meliore appetere.

Body copy > base. This is the base font size of the entire site. Generally speaking, this should be 16px for the best user experience. Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec. Ex saperet perfecto dissentiunt sit, natum intellegat nam ex, sed saepe singulis erroribus ut. At altera aliquam his. Vim repudiare philosophia ei, vis no cibo nonumy. Vix te dicat nulla intellegat, justo euismod ad has, id hinc aliquid has. Choro oblique vituperata est ex, ea est natum latine vivendo. Est ex iudico meliore appetere.

Body copy > small. This is for smaller strips of text. Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec. Ex saperet perfecto dissentiunt sit, natum intellegat nam ex, sed saepe singulis erroribus ut. At altera aliquam his. Vim repudiare philosophia ei, vis no cibo nonumy. Vix te dicat nulla intellegat, justo euismod ad has, id hinc aliquid has. Choro oblique vituperata est ex, ea est natum latine vivendo. Est ex iudico meliore appetere.

Heading 1. Intended for use with level 1 headings but the preset can be used wherever it makes sense.

Heading 2. Intended for use with level 2 headings but the preset can be used wherever it makes sense. Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec.

Heading 3. Intended for use with level 3 headings but the preset can be used wherever it makes sense. Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec. Ex saperet perfecto dissentiunt sit, natum.

Heading 4. Intended for use with level 4 headings but the preset can be used wherever it makes sense. Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec. Ex saperet perfecto dissentiunt sit, natum intellegat nam.

Heading 5. Intended for use with level 5 headings but the preset can be used wherever it makes sense. Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec. Ex saperet perfecto dissentiunt sit, natum intellegat nam ex, sed saepe singulis erroribus ut. At altera aliquam his.

Heading 6. Intended for use with level 6 headings but the preset can be used wherever it makes sense. Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec. Ex saperet perfecto dissentiunt sit, natum intellegat nam ex, sed saepe singulis erroribus ut. At altera aliquam his. Vim repudiare philosophia ei, vis no cibo nonumy.

The Content / Rich Text

The content is a rich text element that has the .TheContent class applied. This is intended for use in default content areas such as post/page main content. These styles sit atop of the foundational/global typography styles so start with global settings first then work on the post content layer here.

This is a level one heading. This is a level one heading. This is a level one heading.

Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec. Ex saperet perfecto dissentiunt sit, natum intellegat nam ex, sed saepe singulis erroribus ut. At altera aliquam his. Vim repudiare philosophia ei, vis no cibo nonumy. Vix te dicat nulla intellegat, justo euismod ad has, id hinc aliquid has. Choro oblique vituperata est ex, ea est natum latine vivendo. Est ex iudico meliore appetere.

This is a level two heading. This is a level two heading. This is a level two heading.

Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec. Ex saperet perfecto dissentiunt sit, natum intellegat nam ex, sed saepe singulis erroribus ut.

At altera aliquam his. Vim repudiare philosophia ei, vis no cibo nonumy. Vix te dicat nulla intellegat, justo euismod ad has, id hinc aliquid has. Choro oblique vituperata est ex, ea est natum latine vivendo. Est ex iudico meliore appetere.

This is a level three heading. This is a level three heading. This is a level three heading. This is a level three heading.

Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec. Ex saperet perfecto dissentiunt sit, natum intellegat nam ex, sed saepe singulis erroribus ut. At altera aliquam his. Vim repudiare philosophia ei, vis no cibo nonumy. Vix te dicat nulla intellegat, justo euismod ad has, id hinc aliquid has. Choro oblique vituperata est ex, ea est natum latine vivendo. Est ex iudico meliore appetere.

This is a level four heading. This is a level four heading. This is a level four heading. This is a level four heading. This is a level four heading.