This is a Heading 1.
Use one Heading 1 per page. Try to avoid using bold or italicized Heading 1.
This is a Heading 2.
You can have multiple Heading 2’s per page.
This is an italicized Heading 2.
This is a bolded heading 2.
This is a Heading 3.
You can type out Heading 3 in regular sentence case because the capitalization is automatic.
This is an italicized Heading 3.
We’re avoiding bold headers because this typeface does not come in a bold weight.
This is a Heading 4.
You can type out Heading 4 in regular sentence case because the capitalization is automatic.
This is an italicized Heading 4. Only use this sparingly, if at all.
This is a bolded heading 4.
This is a Paragraph 1, used mostly for subheadings.
This is an italicized Paragraph 1, used mostly for subheadings.
This is paragraph 1 when it’s bolded and italicized.
This is a Paragraph 2, slightly smaller. This is the size used for paragraphs longer blocks of text.
This is a bolded Paragraph 2.
This is paragraph 2 when it’s bolded and italicized. Good for when you want the script but smaller.
This is a Paragraph 3 regular and italicized, used only for vendors.
This is a bolded Paragraph 3, used primarily for captions or attributions.
“This is an example of a pull-quote, center-aligned in Paragraph 1.”
Nicole Sheppard,
Wander Event Design
Peach
#DDB8A2
Periwinkle
#C0CCD8
Charcoal
#181616
Used for text
Chocolate
#2F1E18
Used for backgrounds
Clay
#AE8971
Used for accents
Cream
#FAF3E5
Important Note:
The dark mode toggle needs the color theme to be applied to the section in order for it to work properly!
When adding brand new sections, be sure to manually set the color theme, even if it matches the default color. In most cases, if you want this background color (cream), you’ll want to apply Lightest 1 or Lightest 2 (see note below).
On portfolio pages, you’ll want to apply Light 1 to any new sections.
This is the Lightest 1 color theme.
This is the Lightest 2 color theme.
Use this color theme when you don’t want the inverted/darkest dark mode (i.e. for shop or blog where there’s a lot of text).
This is the Light 1 color theme.
This is the Light 2 color theme.
This is the Bright 1 color theme.
This is the Bright 2 color theme.
This is the Dark 1 color theme.
This is the Dark 2 color theme.
This is the Darkest 1 color theme.
This is the Darkest 2 color theme.