Colour Palette

Burgundy
1. Primary Accent [Links]
#5d0a03

Light Pink
2. Alt Accent [Hover]
#d0847f

Blue
3. Strongest Text
#1a202c

Grayish Blue
4. Strong Text
#2D3748

Pantone
5. Medium Text
#4A5568

Slate Grey
6. Subtle Text
#718096

Alice Blue
7. Subtle Background
#EDF2F7

Zircon
8. Lighter Background
#F7FAFC

White
9. Page Background
#FFFFFF

Grey
10. Other BG
#888888

Typography

Managed in Customize > General > Typography

Heading Font: Raleway

Base Font: Sans Serif

Font size: 17px
Font line height: 1.5em
Font weight: 400 (normal)

Type Samples: H1 Heading goes here. H1 Heading goes here. H1 Heading goes here.

H2 Heading goes here. H2 Heading goes here. H2 Heading goes here.

H3 Heading goes here. H3 Heading goes here. H3 Heading goes here.

H4 Heading goes here. H4 Heading goes here. H4 Heading goes here. H4 Heading goes here.

H5 Heading goes here. H5 Heading goes here. H5 Heading goes here. H5 Heading goes here. H5 Heading goes here.
H6 Heading goes here. H6 Heading goes here. H6 Heading goes here. H6 Heading goes here. H6 Heading goes here. H6 Heading goes here. H6 Heading goes here. H6 Heading goes here.

Here is a paragraph of text. This is a link. Here is a paragraph of text. Here is a paragraph of text.  This is a link. Here is a paragraph of text. Here is a paragraph of text. Here is a paragraph of text.

This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote.

  • Bulleted List Item
  • Bulleted List Item
    • Sub Item
  1. Bulleted List Item
  2. Bulleted List Item
    1. Sub Item
Ghost Button 1
Ghost Button 2
Theme Button 1
Theme Button 2

Base button colour: Gray
Hero button colour: Red

Desktop Layout Specs

  • Default Layout: 1140px Design Grid (header/footer, generic content, blog pages, 3-column grids)
    • 3 x 360px design columns
    • 30px gutters
  • Wide Layout: CSS 1440 Grid (wider home page content, 4-column grids for product listings etc)
    • 4 x 330px columns
    • 30px gutters

Mobile Layout Specs