A clear brand book contributes to a visible and recognizable BlueWall. Within this brand book there are several characteristics that determine the visual identity: logo, typography, use of color, graphic elements, photography and use of language. This manual shows the building blocks that can be used to create resources.
This brandbook is developed by ZUID Creatives. Any questions about the brandbook? Please contact us via info@zuid.com or call 013-545 03 23.
Logo in color, on white or light background.
Logo in color, on dark background (diapositive).
Logo in white, on colored background (diapositive).
Logo in color, on white or light background.
Logo in color, on dark background (diapositive).
Logo in white, on colored background (diapositive).
The emblem is used a independent styling element within layouts. Play with the geometric shapes and lines for a dynamic composition. Use it a a characteristic graphic, put in in balance with the desired content. Blow it up and crop it for a remarkable design.
Logo in color, on white or light background.
Logo in color, on dark background (diapositive).
Logo in white, on colored background (diapositive).
As an exception the logo may be used without the emblem, as a plain text version. Only when the emblem is obviously used separately in the same layout
Colored logo without emblem, on white or light background.
White logo without emblem, on colored background (diapositive).
The BlueKnows logo is obviously based on the main BlueWall logo. The iconic emblem is placed in a rounded square for the software / app connection. And the main color for BlueKnows is the functional turquoise.
BlueKnows logo, on white or light background.
BlueKnows logo, on colored background (diapositive).
BlueKnows logo, on dark background (diapositive).
Icon only usage
BlueKnows icon only, on white or light background.
BlueKnows icon only, on colored background (diapositive).
BlueKnows icon only, on dark background (diapositive).
Make sure there is enough space around the logo. Never put text too close to the logo. There is a minimum margin based on the ‘B’of “BlueWall”.
For the purpose of recognisability, the logo or emblem may not be deformed. Colors must also be preserved. Do not flip, rotate or adjust proportions or compositions etc.
PS: this applies for all logo variants of course.
For use in main titles and to accent texts.
Font size x 1.2 (auto)
For use in long reads (bodycopy) and basic texts.
Introductions = Font size x 1.6
Body = Font size x 1.4
For use in activating headings and triggering texts.
Font size x 1.2 (auto)
Can be used as an alternative for the Nexa Heavy / Light, in correspondence where standard fonts must be used.
Can be used as an alternative for the Nexa Serif Bold, in correspondence where standard fonts must be used.
The characteristic main color for BlueWall. Bright orange with a soft tone, contrasts on both white and the primary gray. Preferably to use in details and elements (not as full surface and full canvas backgrounds).
HEX: #FA5834
RGB: R 250 / G 88 / B 52
CMYK: C 0 / M 76 / Y 77 / K 0
PMS: 171 C
Main dark neutral color. For general use and as full surface backgrounds.
HEX: #232B35
RGB: R 35 / G 43 / B 53
CMYK: C 85 / M 70 / Y 52 / K 63
PMS: 433 C
Color for functional use. To accent elements like call to actions. And it is the primary color for BlueKnows.
HEX: #5FB4BE
RGB: R 95 / G 180 / B 190
CMYK: C 63 / M 9 / Y 27 / K 0
PMS: 7709 C
Guidelines for matching images and editing
This copy style guide gives unambiguous direction to BlueWall’s written statements. Read through it once in a while.
It’s a good way to make sure that everything you write still fully breathes BlueWall.
