Typography

Typography is partially managed in the Customizer and partially through variables created in the child theme style.css file.

Add font families inside the Customizer > Typography > Font Manager. Enter font families for “Body” and “All Headings.”

Open the child theme style.css file and set the –heading-font and –body-font variables to the same font families as in the Customizer. Adjust variable values for font size, line height, and margin-bottom as needed.

This is a pre-Headline

This is an XL Headline

This is an H1

This Looks Like an H1

This is an H2

This Looks Like an H2

This is an H3

This Looks like an H3

This is an H4

This Looks Like an H4

This is an H5

This Looks Like an H5

This is an H6

This Looks Like an H6

This is XL body text

This is L body text

This is default body text

This is S body text

This is XS body text

Colors

Enter info here

brand

brand-alt

brand2

brand2-alt

accent

accent-alt

base-1000

base-900

base-800

base-700

base-600

base-200

base-100

base-50

base-25

Buttons

These are set using Global Styles, and saved as local patterns for easy insertion into content.

Standard Buttons

Primary Secondary Outline Ghost Text Icon

Slim Buttons

Primary Secondary Outline Ghost Text Icon

Sections & Containers

Enter info here

Section Padding

Section XS

Section S

Section Base

Section L

Section XL

Container Widths

Max Width (1366px)

Width XL

Width L

Width M

Width S

Width XS

Width 2XS

Cards

Enter info here

Modals

Enter info here