Brand Guidelines

At High Resolves, we pride our selves on seeing things from different perspectives. To see beyond what is, to build what could be. 

The following guidelines are to help maintain a consistent, professional look and feel across all High Resolves collateral. There will always be areas where exceptions need to be made, for example on our website, where we are constrained by a template, or in new or unique situations, but the following information will be relevant to most applications.

Index (these will be hyperlinked)


The Colours of High Resolves

The High Resolves orange has been selected to evoke our brand values and communicate our tone of voice. 

Hero Colour

The bright, vibrant orange you see below is our signature brand colour. Orange was chosen for its energy, warmth and friendly connotations. It is less aggressive than red, and stands out from our competitors. It conveys the positivity and energy of youth.

HR_colour-01.png

#FF5A00

HR Orange (Primary)

RGB 255, 90, 0  /  CMYK 0, 80, 100, 0

 

secondary colours

The High Resolves secondary colours have been designed to complement our hero colour.

Typography will displayed in a deep grey, eliminating the harshness of black and being more harmonious and modern when displayed next to our brand orange. The pale grey and orange tints are to be used mainly for backgrounds or text boxes. 

HR_colour-03.png

#555559

HR Deep Grey

RGB 85, 85, 89  /  CMYK 0, 0, 0, 80

HR_colour-05.png

#F8F8F8

Cool Grey

RGB 248, 248, 248  /  CMYK 2, 1, 1, 0

 

HR_colour-04.png

#FEEEDF

Pale Orange Tint

RGB 254, 238, 223  /  CMYK 0, 6, 10, 0

 

Downloading the colour palette to embed into mac "pages"

1. Download this clr file which contains our colour palette onto your computer.

 
PastedGraphic-2 (1).png

2. With Pages open, select the colour wheel in the format > text panel. 

 
PastedGraphic-1.png

3. With the 'colour palettes' option selected navigate your way to the cog symbol and select it. A pop up window should appear. Select 'Open'.

 
Screen Shot 2017-10-05 at 5.27.06 pm.png

4. This will open up your finder. Go ahead and select the file you just downloaded onto your computer. 

 
 
PastedGraphic-2.png

This is where the colour palettes are stored on your computer.

Home > Library > Colors

If you can’t see your Library folder, try holding down the Option key when in the Finder view while you click on Go on the top menu.

 

Typography

Headline Typeface

The High Resolves stencil typeface, AG Book Stencil embodies a sense of individuality and clarity. The choice of font is symbolic of the desire for us to make our mark, our distinctive stamp on the world. Please note that it should only be used for headings or short statements. The minimum size that should be used for AG Book is 27pt as the spaces between the letters are lost at smaller sizes. It is also only to be used in the High Resolves brand orange colour or as white text on a coloured or photographic background. 

AG Book Stencil
 
 

Secondary Typeface

Our secondary font is Opens Sans, which is clear, simple, and compliments the signature stencil font. Always in 80% black, never black!

Open Sans Semibold

Open Sans Semibold

Open Sans Regular

Open Sans Regular

 
 

text hierarchy

Example_text.png
 

Our Logo System

primary Square Lock-up

Our logo uses the simple graphic concept of positive and negative space to illustrate the mind shifts that happen when you see things from another perspective. The use of primary shapes illustrate that education provides the building blocks by which to build these skills.

Positive

Positive

Negative

Negative

Square logo clear space

Square logo clear space

 

Primary horizontal Logo

Breif bit of text here....

This is the preferred logo for audiences where the context and what we do is explained and / understood.

This is the preferred logo for audiences where the context and what we do is explained and / understood.

This is the preferred logo for audiences where the logo is stand-alone and needs to encapsulate what we do, for example when used with other corporate logos or as a closing logo for student social action videos. 

This is the preferred logo for audiences where the logo is stand-alone and needs to encapsulate what we do, for example when used with other corporate logos or as a closing logo for student social action videos. 

Primary logo clear space

Primary logo clear space

 

secondary logos

This stamp-like symbol can be used in instances where we would like the brand to represented in a more subtle way or as a favicon/graphical element.

logostamp for email sig.png
 
 

Minimum Sizing of logo

Recommended minimum size for applications requiring horizontal logo is 10mm

Recommended minimum size for applications requiring horizontal logo is 10mm

 

Incorrect Use of logo

The High Resolves logo has been designed to be adaptable but these possibilities don't allow it to be customised to the extent below.


Shapes

We can incorporate our secondary shapes which are directly derived from our master logo. We can use them in playful ways within our collateral.

shapes.png

Photography

Whenever possible the photography needs to be high resolution, well lit with natural light (no flash), in black and white or full colour and with subjects looking engaged and active. Cultural and gender diversity should be maintained across all publications or be matched to the specific audience if relevant.

Below are a images that illustrate the suggested look and feel.

download.jpeg
Summit shot w Ella BW print.jpg
coed group hugging outside BW print.jpg
High Resolves Students_HiRes_BW.jpeg

General Design Guidelines for our Brand

There are some important design principles to keep in mind when creating any High Resolves assets
(images will be added to correspond with the following points shortly).

 

margins

  • Margins on outer edges are slightly larger as it looks more visually balanced once printed and folded

images

  • Try to use black and white photos, but if colour is necessary or attractive, make sure the image is high res, don’t just take a screen grab. 
  • Never use outlines/borders/drop shadows for images. If you have an image that has a lot of white near the edge, preferably put it on a coloured background or, in the worst case scenario, use a very fine grey outline to define the edge.
  • No rounded corners on boxes. Square edges only.
  • Use high res photos only (and convert to black and white checking the contrast: especially on the proof in case it needs lightening).

printing

Always check a proof before a large print run: check for brand colour (compare against an approved template), colour balance in photos (check skin tones in colour and black and white), check that photos aren’t too dark or contrasty, check text is aligned properly and get someone else to check for typos, as a fresh eye will often detect mistakes more easily.

Text

  • AG Book Stencil is only to be used for headings or short statements. Use Open Sans for all other text as it is much more legible. Use brand orange for main headings/highlighted text.
  • NEVER USE ALL CAPS OR SMALL CAPS!
  • All text is either to be white (if on a coloured background) or 80% black if on a white background. 
  • Use line spacing to adjust distance between lines/bullet points rather than pressing return/enter.
  • Main body text is always Open Sans (80% black, regular, semi-bold or bold. Only use italics sparingly and never extra bold.
  • Left align text as the default.

    General Page Layout

    • Make sure there is enough “breathing room” around the High Resolves logo and text/icons on the page. ie allow a decent border of background around the edge.
    • Don’t cram too much information on the page. 
    • Keep the tone positive, friendly and approachable.
    • Use columns of text where possible
    • Download settings for Adobe Illustrator and InDesign here.
    • Don’t forget copyright: correct format is: Copyright © High Resolves 2016