Style Guide

Colours

Primary Colours

Primary - 300 (base)
Primary - 100
Primary - 200
Primary - 400
Primary - 500

Secondary Colours

Secondary - 300 (base)
Secondary - 100
Secondary - 200
Secondary - 400
Secondary - 500

Tertiary Colours

Secondary - 300 (base)
Secondary - 100
Secondary - 200
Secondary - 400
Secondary - 500

Black

Secondary - 300 (base)
Secondary - 100
Secondary - 200
Secondary - 400
Secondary - 500

Surfaces

Default

Heading 1

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

colour_option_one

Heading 1

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

colour_option_two

Heading 1

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Typography - Default

H1. Heading

H2. Heading

H3. Heading

H4. Heading

H5. Heading
H6. Heading

p. Body copy

Span

Typography - Colour Option one

H1. Heading

H2. Heading

H3. Heading

H4. Heading

H5. Heading
H6. Heading

p. Body copy

Span

Typography - Colour Option 2

H1. Heading

H2. Heading

H3. Heading

H4. Heading

H5. Heading
H6. Heading

p. Body copy

Span
Primary Button

Use class: primary_button

Primary Button

No class needed

Primary Button

Use class: tertiary_button

Primary Button

Use class: primary_button

Primary Button

No class needed

Primary Button

Use class: tertiary_button

Primary Button

Use class: primary_button

Primary Button

No class needed

Primary Button

Use class: tertiary_button

Post loop grid

February 27, 2024
Navigating the Costs of Rooftop Guardrails: A Comprehensive Guide from W.S. Safety​...
February 6, 2024
As a building owner, you are responsible for the maintenance and profitability of your property and the safety of those...
January 10, 2024
The safety of workers on rooftops is not just a legal obligation but a paramount concern for commercial and industrial...

Main CTA

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.