Strategic Demolition Web Styleguide

Buttons
Colours
  • Colour 1
  • Colour 2
  • Colour 3
  • Colour - Body
Fonts
  • Heading Font:
  • Body Font:
Images
  • hero: 1920px × 400px
  • hero-home: 1920px × 800px
  • portrait-large: 630px × 800px
  • portrait-medium: 470px × 600px
  • portrait-small: 315px × 400px
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