visual identity guideline brandbook 2016. · brandbook 2016. design applications visual identity...
TRANSCRIPT
BrandBook2016.
Visual identity guideline
BLOOMINGFELD Brandbook 2016.
BLOOMINGFELD
Logo.
Brandbook 2016. Identity
Visual identity guideline
1
BLOOMING
Brandon Grotesque Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
FELD
Brandon Grotesque Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Correct color use
Typeface
BLOOMINGFELD
BLOOMINGFELD
BLOOMINGFELD
Logo placement.
Brandbook 2016. Identity
Visual identity guideline
Paper Online
2
Sizes
Minimum clear space
Website header - logonot too large (min. 8px)
1
Website footer- logonot too large (min. 8px)
2
Paper footer - logonot too large (min. 8pt)
3
3
1
BLOOMINGFELD2
Dont’s
BLOOMINGFELD
Logo misuses.
Brandbook 2016. Identity
Visual identity guideline
3
BLOOMINGFELD
Wrong coloron whitebackground
Do not scaleor rotate
Right color onwrong background
No text-editingor di�erenttypeface
BLOOMINGFELD
Primary & Secondary typeface.
Titles
Brandbook 2016. Typography
Visual identity guideline
4
Grueber Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
A bold, characterful typeface with unusual slabs. This font gives a unique vibe to the Bloomingfeld communication.
Subtitles
Museo Sans Rounded 900
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Body
Museo Sans Rounded 300
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
About Grueber
A geometric sans serif. An easy-to-read, timeless typeface.
About Museo Sans
All fonts are available for online use on Adobe Typekit.
Lorem ipsum dolor.Lorem ipsum dolor sit amet, consectetur adipiscing elit
GrueberBold
Brandon GrotesqueBlack
All typefaces have small rounded corners. This does not only give them a soft, easy-on-the-eye look, but bringsuniformity in the overall image.
Museo SansRounded 900
Museo SansRounded 300
BLOOMINGFELD
Typeface &Typesetting guides.
Brandbook 2016. Typography
Visual identity guideline
5
1
2
3Lorem ipsum 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.
2 SubtitlesCan be used larger, or the same size as the body text. If used larger, always leave a space between the subtitle and bodytext.
1 TitlesThis is the core message and should always be displayed as large as possible, without exaggerating.
3 BodyAlways use on a size that is easy to read. On small paper sizes, this is 9 / 10pt.
BLOOMINGFELD
Color Palette.
Brandbook 2016. Graphical Elements
Visual identity guideline
6
Primary colors
Secondary colors
C100 M80 Y60 K0
R32 G68 B90
WEB #20445A
C0 M30 Y72 K0
R250 G188 B88
WEB #FABC58
C45 M0 Y70 K0
R159 G201 B109
WEB #9FC96D
C0 M57 Y54 K0
R240 G137 B110
WEB #F0896E
C75 M0 Y68 K0
R41 G172 B115
WEB #29AC73
C70 M15 Y0 K0
R54 G139 B224
WEB #36A9E0
BLOOMINGFELD
Layout.
Brandbook 2016. Graphical Elements
Visual identity guideline
7
Grid
A grid is an essential tool to harmonize the layout. It will help with the structure, and create a uniformity trough all the designs.Here is the grid system for Bloomingfeld.
BLOOMINGFELD
Layout.
Brandbook 2016. Graphical Elements
Visual identity guideline
8
Geometric shapes
How the shapes are made
Do’s Dont’s
Geometric shapes refer to the equality of te the main components: people / planet / profit. Each component forms an equivalent link in the chain.
Squares are drawn on the grid Some corners are rounded to create a dynamic playfull layout.
BLOOMINGFELD
This is a verylarge title.
Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor incididuntut labore et dolore magna aliqua.Ut enim ad minim veniam,quis nostrud exercitation ullamco.
Ut enim ad minim veniam,quis nostrud exercitation ullamco.
Lorem ipsum dolor sit amet,consectetur adipiscing elit.cectetur adipiscing elit.
Lorem ipsum dolorconsectetur elit.
BLOOMINGFELD
Layout.
Brandbook 2016. Graphical Elements
Visual identity guideline
9
BLOOMINGFELD
This is a verylarge title.
Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor incididuntut labore et dolore magna aliqua.Ut enim ad minim veniam,quis nostrud exercitation ullamco.
Ut enim ad minim veniam,quis nostrud exercitation ullamco.
Lorem ipsum dolor sit amet,consectetur adipiscing elit.cectetur adipiscing elit.
Lorem ipsum dolorconsectetur elit.
Grid Example
BLOOMINGFELD
This is a verylarge title.
Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor incididuntut labore et dolore magna aliqua.Ut enim ad minim veniam,quis nostrud exercitation ullamco.
Ut enim ad minim veniam,quis nostrud exercitation ullamco.
Lorem ipsum dolor sit amet,consectetur adipiscing elit.cectetur adipiscing elit.
Lorem ipsum dolorconsectetur elit.
BLOOMINGFELD
Layout &Photography.
Brandbook 2016. Graphical Elements
Visual identity guideline
10
Photography - duotone & full color
BLOOMINGFELD
This is a verylarge title.
Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor incididuntut labore et dolore magna aliqua.Ut enim ad minim veniam,quis nostrud exercitation ullamco.
Ut enim ad minim veniam,quis nostrud exercitation ullamco.
Lorem ipsum dolor sit amet,consectetur adipiscing elit.cectetur adipiscing elit.
Lorem ipsum dolorconsectetur elit.
Icons are always built up out of single weight strokes, in a minimal style.Never out of solid shapes or with a lot of detail.
Combine icons with photography
Icons can be placed in solid colored shapeswhen used in a composition.
Example on next page.
Combine icons with text
When icons are combined with text,We use the icons without a solid background.
BLOOMINGFELD
Iconography.
Brandbook 2016. Graphical Elements
Visual identity guideline
11
Graphic style
How to use
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Fusce consectetur volutpat
massa non varius.
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Fusce consectetur volutpat
massa non varius.
BLOOMINGFELD
Photography &Visuals.
Brandbook 2016. Graphical Elements
Visual identity guideline
12
BLOOMINGFELD
Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor incididuntut labore et dolore magna aliqua.Ut enim ad minim veniam,quis nostrud exercitation ullamco.
Ut enim ad minim veniam,quis nostrud exercitation ullamco.
Lorem ipsum dolor sit amet,consectetur adipiscing elit.cectetur adipiscing elit.
Lorem ipsum dolorconsectetur elit.
This is a title.
BLOOMINGFELD
Designapplications.
Brandbook 2016. Design Applications
Visual identity guideline
13
Businesscards
BLOOMINGFELD
Business Development Manager Belgium
+ 32 478 32 19 29 [email protected]
MOBILE:
EMAIL:
SITE:
BLOOMINGFELDBLOOMINGFELD
Bloomingfeld Belgium bvbaFranklin Rooseveltplaats 12/82060 AntwerpenBelgium
HugoVercauteren
BLOOMINGFELD
Designapplications.
Brandbook 2016. Design Applications
Visual identity guideline
14
Letterhead
Dear Mr. Lorem Ipsum,
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce consectetur volutpat massa
non varius. Praesent sodales augue in leo facilisis tempor. Nam at libero ante. Mauris et leo
eget diam dictum placerat. Pellentesque dictum, nibh mattis ultrices tempor, augue odio
euismod odio, non iaculis augue lorem quis eros. Aliquam ut justo dui. Donec lacus turpis,
ultrices eget gravida sit amet, congue non neque. Aenean pulvinar tempus lectus non
tempus.
Maecenas sapien mi, fermentum at pellentesque at, tempus laoreet leo. Vivamus nec turpis
neque. Vivamus imperdiet elementum ullamcorper. Cras nisl nulla, ornare nec vehicula a,
elementum eget velit. Integer dapibus hendrerit felis, eget lacinia metus egestas id. Duis
eget erat purus, a aliquet lectus. Nullam egestas iaculis metus, nec pharetra urna
elementum ut. Aliquam sagittis varius libero, a iaculis massa dapibus sit amet. Aliquam
metus metus, pulvinar vel condimentum interdum, dapibus et orci.
Morbi id pretium augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Praesent fringilla, tortor et aliquet euismod, quam libero tincidunt
nulla, sit amet porttitor dolor libero ac mauris. Mauris nulla turpis, pharetra ut blandit ac,
mattis in erat. Integer ut nisl mauris.
Maecenas sapien mi, fermentum at pellentesque at, tempus laoreet leo. Vivamus nec turpis
neque. Vivamus imperdiet elementum ullamcorper. Cras nisl nulla, ornare nec vehicula a,
elementum eget velit. Integer dapibus hendrerit felis, eget lacinia metus egestas id. Duis
eget erat purus, a aliquet lectus.
Sincerely,
Willem Van Gulck
BLOOMINGFELD
We challenge.We change.
Lorem ipsum dolorCompany name
10 Sit Amet1000 ConsecteturBelgium
Bloomingfeld Belgium bvba
Franklin Rooseveltplaats 12/82060 Antwerpen
Belgiumbloomingfeld.com
We challenge.We change.
BLOOMINGFELD
BLOOMINGFELD
Designapplications.
Brandbook 2016. Design Applications
Visual identity guideline
15
Enveloppes
Lorem ipsum dolorCompany name
10 Sit Amet1000 ConsecteturBelgium
Bloomingfeld Belgium bvba
Franklin Rooseveltplaats 12/82060 AntwerpenBelgium
BLOOMINGFELD
Designapplications.
Brandbook 2016. Design Applications
Visual identity guideline
16
Poster
Whitepaper
Brochure
BLOOMINGFELD
This is a verylarge title.
Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor incididuntut labore et dolore magna aliqua.
Ut enim ad minim veniam,quis nostrud exercitation ullamco.
Lorem ipsum dolor sit amet,consectetur adipiscing elit.cectetur adipiscing elit.
Lorem ipsum dolorconsectetur elit.
BLOOMINGFELD
This is a verylarge title.
Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor incididuntut labore et dolore magna aliqua.
Ut enim ad minim veniam,quis nostrud exercitation.
BLOOMINGFELD
This is a verylarge title.Lorem ipsum dolor sit amet,consectetur adipiscing elit.cectetur adipiscing elit.
Lorem ipsum dolorconsectetur elit.
BLOOMINGFELD
Designapplications.
Brandbook 2016. Design Applications
Visual identity guideline
17
Powerpoint template
BLOOMINGFELD
Lorem ipsum dolor sit amet,consectetur adipiscing elit.cectetur adipiscing elit.
Lorem Lorem Lorem Lorem Lorem Lorem
1
BLOOMINGFELD
Subject ofthe presentation.Lorem ipsum dolor sit amet,consectetur adipiscing elit.cectetur adipiscing elit.
1
BLOOMINGFELD
Designapplications.
Brandbook 2016. Design Applications
Visual identity guideline
18
Online
BLOOMINGFELD
BLOOMINGFELD
Lorem ipsum dolor.
Solutions Services Industries
Terms & ConditionsPrivacy Policy
Select a country
Lorem ipsum dolor sit amet
consectetur adipiscing elit.
cectetur adipiscing elit.
1 1
2
3
4
5
About Bloomingfeld
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce consectetur volutpat massa non
varius. Praesent sodales augue in leo facilisis tempor. Nam at libero ante. Mauris et leo eget
diam dictum placerat. Pellentesque dictum, nibh mattis ultrices tempor, augue odio euismod
Copyright © 2014 Bloomingfeld Ltd. All rights reserved.
Lorem ipsum dolor sit amet
consectetur adipiscing elit.
cectetur adipiscing elit.
Lorem ipsum dolor sit amet
consectetur adipiscing elit.
cectetur adipiscing elit.
Lorem ipsum dolor sit amet
consectetur adipiscing elit.
cectetur adipiscing elit.
Lorem ipsum dolor sit amet
consectetur adipiscing elit.
cectetur adipiscing elit.
Lorem ipsum dolor sit amet
consectetur adipiscing elit.
cectetur adipiscing elit.
Lorem ipsum dolor sit amet
consectetur adipiscing elit.
cectetur adipiscing elit.
Lorem ipsum dolor sit amet
consectetur adipiscing elit.
cectetur adipiscing elit.
Lorem ipsum dolor sit amet
consectetur adipiscing elit.
cectetur adipiscing elit.
Website headerlogo, navigation,country selector &searchfield
2 Header visualcan contain images,text and shapes
3 Highlightswhats new atBloomingfeld
4 Website contentfor example the services of the companymore horizontalblocks can be usedhere
5 Footerleft - a small aboutsection of bloomingfeldand the logoright - terms & conditions,privacy policy anda legal line.
BLOOMINGFELD Brandbook 2016.