B R A N D U SE CASE EXAMPLES 2018
EMAIL NEWSLETTER I M P L E M E N TAT I O N O F S E C O N D A R Y C O L O U R PA L E T T E
In these examples we have shown how the rules laid out
in the brand guidelines document could be explored and
implemented across various digital mediums. The rules and guidelines should be followed where ever possible but are always subject to artist interpretation.
PAGE 2
HEADER AREA Use of the “A divide element” with secondary colour palette . Use of typography on top works well when following the guidelines.
SALE ITEMS Use of proposed typography, buttons also inherit the sections secondary colour. This helps show a start and end to the section.
HEADER 2 The “A divide element” has been reversed on this header to alternate its location . Section also inherits the men’s secondary colour palette.
SALE ITEMS 2 Use of proposed typography, buttons also inherit the sections secondary colour. This helps show a start and end to the section.
FOOTER Footer uses Primary royal blue for background colour. Use of cold text on hyper-links and the line element.
EMAIL NEWSLETTER C R E AT I N G T H E A D I V I D E S H A P E
PAGE 4
A
B
STEP 1: Layout the Atterley A in the size and colour of your choice. Draw a rectangle which cover s the cutouts from the A ad shown in diagram B.
STEP 2: Items can be combined usi ng the pathfinder tool (Illustrator) or group ed to make working with the element easier.
STEP 3: Add an image behind the element . Text can also be added over the colour element for use in banners and header images.
PAGE 5
EMAIL NEWSLETTER BLOG STYLE NEWSLET TER
PAGE 8
HEADER 1 Use of the key-line element around photo.
BLOG SNIPPET Layout and typography inspired from the brand guidelines document which follows the rules set for typography and images.
HEADER 2 Text behind image subject.
SALE ITEMS Use of proposed typography, buttons also inherit the sections secondary colour. This helps show a start and end to the section.
FOOTER Footer uses Primary royal blue for background colour. Use of cold text on hyper-links and the line element.
SOCIAL MEDIA I M P L I M E N TAT I O N O F B R A N D E L E M E N T S O N S O C I A L M E D I A
The brand elements can also be utilised across all social media platforms. However it must be stated that less is more. To
ensure the premium feeling of the brand is retained, these
brand elements should be used sparingly and only used where appropriate.
PAGE 10
SOCIAL MEDIA I M P L E M E N TAT I O N O F B R A N D E L E M E N T S O N S O C I A L M E D I A
Profile Photo - The profile photo uses and continuation from the cover photo as the background to the “punched out� A icon. This can be created by placing the A over the background image and masking it out. Cover Image - Again, these brands elements should be used to highlight and emphasise information, not to simply look good. Therefore the cover image has been left untouched, to allow the photography speak for itself and draw the user in. Example post 1 - Example post 1 is a reworking of the quote tool Atterley has already been using, the colours help emphasise the target audience and the quote pops out against it. There is also a small Atterley A which helps with brand awareness if the images is shared. Relevant photography has also been used to help create intrigue with the post. Example post 2 - Again, this is a classic image post with the key-line border, to be used where the photograph is the key message of the post.
PAGE 12