The Stick Shed Web Styleguide

Buttons
Colours
  • Colour 1
Fonts
  • Heading Font:
  • Body Font:
Images
  • hero: 1920px × 1080px
  • hero-home: 1920px × 800px
  • portrait-medium: 410px × 470px
  • rectangle-long-small: 560px × 140px
  • brochure-set: 1280px × 670px
  • post-hero: 870px × 615px
Messages
  • General message
  • Error message
  • Success message
  • Warning message
Pagination
Typography

Heading 1

Heading 2

Heading 3

Heading 4

Paragraph: The quick brown fox jumped over the lazy dog.

Bold
Italic
Small
Small - may be used for supplemental information
Lists
  • Unordered List Item 1
  • Unordered List Item 2
    • Unordered List Item 2 - Second Level Item 1
    • Unordered List Item 2 - Second Level Item 2
  • Unordered List Item 3

  1. Ordered List Item 1
  2. Ordered List Item 2
    1. Ordered List Item 2 - Second Level Item 1
    2. Ordered List Item 2 - Second Level Item 2
  3. Ordered List Item 3
Links Hyperlink Text
Read more