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.
- 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
John Doe
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.