Colour Palette
Anzac
1. Subtle Text [Links]
#D9B451
Husk
2. Alt Accent [Hover]
#BCA35D
Dark Charcoal
3. Strongest Text
#222222
Charcoal
4. Strong Text
#333333
Strong Gray
5. Medium Text
#454545
Prussian Blue
6. Accent
#003654
Light Gray
7. Subtle Background
#EEEEEE
Off White
8. Lighter Background
#F7F7F7
Colour Name
9. Page Background
#FFF
Colour Name
10. CTA button
# xxxxxx
Typography
Managed in Customize > General > Typography
Title Font:
Font size: 36px / Line Height: 1.15 em
Letterspacing: 6px
Text-Transform: Uppercase
Heading Font:
Base Font:
Font size / line height: 17px / 1.35em
Font weight: 400 (normal)
Type Samples: H1 Heading goes here. H1 Heading goes here. H1 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.
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.
H2 Heading goes here. H2 Heading goes here. H2 Heading goes here.
H3 Heading goes here. H3 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. H4 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
- Bulleted List Item
- Bulleted List Item
- Sub Item
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
- Tablet (iPad): 2 columns Canvas width: 768px
- Handheld (iPhone): 1 column Canvas width: 375px
- 360px design columns from desktop layout may be pasted in and stacked