Testing Out This Heading Description
Here goes your text ... Select any part of your text to access the formatting toolbar.
Typography
Set the Font Family inside the Customizer > Typography > Font Manager. Use the HTML for the body font, and the All Headings for the heading font.
Open the child theme CSS file and match up the heading and body font names, then change the font sizes as needed.
Headline H1
Headline H2
Headline H3
Headline H4
Headline H5
Headline H6
Body XL
Body L
Body Default – M
Body S
Body XS
Content List View
- This is a list
- This is a list
- This is a list
- This is a list
This is a quote, from the quoted text.
Colors
Colors are fickle. Here’s a starting point that uses a primary brand color, a contrast color, plus surface colors.
In general, surface colors should be used on 60% of the area, primary colors should be used on 30% of the area, and contrast colors should be used on 10% of the area.
Primary
Primary Alt
Contrast
Contrast Alt
surface-0
surface-10
surface-30
surface-40
surface-70
surface-80
surface-90
surface-100
success
error
Buttons
These are set up using Global Styles, though you might want to make a copy in CSS in case you need to match up the theme’s buttons or add a button to the header.