Template theProduct Style Guidelines 2021 v1.0.0

Style Guide

This guide should be referred to at every point in the design process. Be sure to follow the relevant instructions given as to where to make global changes to those particular set of styles. The purpose of a style guide is to make sure that multiple contributors create in a clear and cohesive way that reflects the corporate style and ensures brand consistency.

Colours

These colours represent the branding as well as neutral and accent colours.
To change these colours globally, use the Elementor Theme Styles and the Customizer Theme Colours.

Main

#BE3E35

Secondary

#70090A

Alt - Green

#A0ECD0

Alt - Yellow

#FFD449

Alt - Red

#DB2B39

Tertiary

#F0E5D0

Main Black

#000000

Dark Grey

#2A333F

Light Grey

#939DA6

Main White

#FFFFFF

Main - Secondary

#BE3E35 - #70090A

Typography

The font families and styling to be used across the website.
To change these colours globally, use the Elementor Theme Styles.

Open Sans Headings

AaBbCcDdEeFfGgHhIiJjKkLlMm NnOoPpQqRrSsTtUuVvWw XxYyZz0123456789

Roboto Body

AaBbCcDdEeFfGgHhIiJjKkLlMm NnOoPpQqRrSsTtUuVvWw XxYyZz0123456789

This Is Heading 1

This Is Heading 2

This Is Heading 3

This Is Heading 4

This Is Heading 5
This Is Heading 6

This is paragraph text. Cras id rutrum risus, non condimentum lorem. Aenean quis vestibulum nisi. Aenean sodales in velit in cursus. Aliquam pulvinar lectus diam, quis consequat ipsum blandit faucibus.

  • Praesent sit amet dui faucibus, vehicula enim sed, facilisis odio.
  1. Aenean pulvinar id elit id faucibus.

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

Buttons

Button variations to be used across the site.
To edit the primary button globally, use the Elementor Theme Styles.

Logos

Logo variations to be used across the site.
To globally change the main logo and favicon, use the WordPress Customizer.