fbpx

Style Guide

About this style guide and how to use it.

This style guide defines our Logo, Colours, Fonts and other elements to keep our business branding consistent.

It should always be used as a reference for any “Graphic Design” relating to this brand/business, including: Stationery, Signage, Advertisements, Digital Marketing etc.

To avoid any misunderstandings about our branding, we will send a link to this page to any Graphic Designer doing work for us.

This style guide defines 3 main colours as RGB values. With two variations on each colour.  Any print should use a close approximation of CMYK values.

Primary is the primary colour and should be the most featured colour in your logo.

Secondary is the secondary colour. It should be used to highlight / accent any sections that draw attention, such as a Call to action.

Accent is the accent colour. It should be used sparingly to accent items, e.g. an underline.

All Graphic Design/Artwork must use these colours. Should a design require more colours, only use variations of these colours by adjusting Saturation and/or Brightness. Hue must never be adjusted as this would produce a completely unrelated colour and not comply with our brands style.

This style Gude defines:

Standard LogoTo be used generally on white or light coloured backgrounds
Alt LogoTo be used on darker backgrounds
IconTo be used as Favourite Icon, Desktop Shortcuts etc

All logo files are supplied as Adobe Illustrator, PNG, SVG and PDG format

This style guide defines all fonts used for headings and body copy.

For each element, the Font Name, Foundry and Size is defined. These fonts must be used on all digital and print media wherever possible.

For editable documents that will be made available to clients, e.g “Microsoft Word”.  The client’s computer may not have these fonts installed. Therefore, use the closet available standard fonts. e.g. :

  • For Serif Fonts use the font “Times” or “Times New Roman”
  • For Sans Serif Font use the font “Arial”

Colours

Colours based on a 3 colour system. Primary, Secondary and Accent. With two variations on each. Only the Saturation and Brightness must be used for variations.  

Primary : #8CC540

Should be most dominant colour

Primary V1: #869F66

Primary V2 : #D2E8B5

Secondary: #00AEEF

Next most used colour

Secondary V1: #249FCB

SECONDARY V2 : #89E0FF

Accent : #C5FF00

Least used colour, for highlights etc.

Accent V1: #AFD926

Accent V2 : #F0FFC1

Logos

The following logos are intended for branding and promotion of [wpe_company_trading_name] only. 

To use these logos on any Branding, Marketing or other materials, you must attain written permission from an authorised [wpe_company_legal_name] representative. 

Any use of these logos without written permission may result in legal action.

logo-std

logo-alt

icon-std

logo-mono-std

logo-mono-alt

icon-mono-std

Typography

Heading 1

Roboto Slab(Google Font)  2.5rem, weight 400

Heading 2

Roboto Slab(Google Font)  2.4rem, weight 400

Heading 3

Roboto Slab(Google Font)  2rem, weight 400

Heading 4

Montserat  (Google Font)  1.1rem , weight 700,

Body

Montserat  (Google Font)  1rem , weight 400,