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

#009619

Secondary

#038017

Alt - Green

#A0ECD0

Alt - Yellow

#FFD449

Alt - Red

#DB2B39

Tertiary

#9431F7

Main Black

#000000

Dark Grey

#656565

Light Grey

#F5F5F5

Main White

#FFFFFF

Main - Secondary

#009619 - #038017

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.

Scroll to Top