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.


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.





Alt - Green


Alt - Yellow


Alt - Red




Main Black


Dark Grey


Light Grey


Main White


Main - Secondary

#009619 - #038017


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


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


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