visual identity guideline brandbook 2016. · brandbook 2016. design applications visual identity...

BrandBook2016.

Visual identity guideline

BLOOMINGFELD Brandbook 2016.

BLOOMINGFELD

Logo.

Brandbook 2016. Identity


1

BLOOMING

Brandon Grotesque Black

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

FELD

Brandon Grotesque Regular



0123456789

Correct color use

Typeface

BLOOMINGFELD

BLOOMINGFELD

BLOOMINGFELD

Logo placement.



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.



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


4

Grueber Bold



0123456789

A bold, characterful typeface with unusual slabs. This font gives a unique vibe to the Bloomingfeld communication.

Subtitles

Museo Sans Rounded 900



0123456789

Body

Museo Sans Rounded 300



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


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


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.



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.



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.



9

BLOOMINGFELD






Grid Example

BLOOMINGFELD






BLOOMINGFELD

Layout &Photography.



10

Photography - duotone & full color

BLOOMINGFELD






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.



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,


Fusce consectetur volutpat

massa non varius.

BLOOMINGFELD

Photography &Visuals.



12

BLOOMINGFELD





This is a title.

BLOOMINGFELD

Designapplications.

Brandbook 2016. Design Applications


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.



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.



15

Enveloppes

Lorem ipsum dolorCompany name

10 Sit Amet1000 ConsecteturBelgium

Bloomingfeld Belgium bvba

Franklin Rooseveltplaats 12/82060 AntwerpenBelgium

BLOOMINGFELD

Designapplications.



16

Poster

Whitepaper

Brochure

BLOOMINGFELD


Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor incididuntut labore et dolore magna aliqua.




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.

BLOOMINGFELD

This is a verylarge title.Lorem ipsum dolor sit amet,consectetur adipiscing elit.cectetur adipiscing elit.


BLOOMINGFELD

Designapplications.



17

Powerpoint template

BLOOMINGFELD


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.



18

Online

BLOOMINGFELD

BLOOMINGFELD

Lorem ipsum dolor.

Solutions Services Industries

Terms & ConditionsPrivacy Policy

Select a country

Lorem ipsum dolor sit amet


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.

























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.

visual identity guideline brandbook 2016. · brandbook 2016. design applications visual identity...

Documents