WPGet 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 colours as RGB values. Any print should use a close approximation of CMYK values.
Colour 1 is the primary colour and should be the most featured colour in your logo.
Colour 2 is the secondary colour. It should be used to highlight / accent any sections that draw attention, such as a Call to action.
Colour 3 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 Logo | To be used generally on white or light coloured backgrounds |
Alt Logo | To be used on darker backgrounds |
Icon | To 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
Colour 1 : #1d2916
Should be most dominant colour
Colour 2 : #96c16e
Should be used for buttons, call to action etc.
Colour 3 : #967639
Accent colour. Use sparingly for highlights, lines etc.
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
Headings
Heading 1 | Raleway (40px) |
Heading 2 | Raleway (Google Font) (32px) |
Heading 3 | Raleway (Google Font) (28px) |
Heading 4 | Raleway (Google Font) (24px) |
Body Copy
Open Sans (Google) 16px. For editable documents such as Microsoft Word, use Arial.
Body Copy Standard
This is a link , consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Body Copy – On Colour 1
This is a link dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Body Copy – On Colour 2
This is a link, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Body Copy – On Colour 3
This is a link, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.