The Stick Shed Web Styleguide

Buttons

Button

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

1
2
3
4
5

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
Time e.g. 16 January 2025 - 11:47am 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

Ordered List Item 1
Ordered List Item 2
1. Ordered List Item 2 - Second Level Item 1
2. Ordered List Item 2 - Second Level Item 2
Ordered List Item 3

Links Hyperlink Text
Read more