BrandBook 2016.
Logo. Correct color use Typeface BLOOMING FELD Brandon Grotesque Black Brandon Grotesque Regular ABCDEFGHIJKLMNOPQR STUVWXYZ ABCDEFGHIJKLMNOPQR STUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 0123456789 0123456789 Identity 1
Logo placement. Sizes Paper Online 1 2 1 Website header - logo not too large (min. 8px) 2 Website footer- logo not too large (min. 8px) 3 Paper footer - logo not too large (min. 8pt) 3 Minimum clear space Identity 2
Logo misuses. Dont s Wrong color on white background Right color on wrong background Do not scale or rotate No text-editing or different typeface Identity 3
Primary & Secondary typeface. Titles Subtitles Body Grueber Bold Museo Sans Rounded 900 Museo Sans Rounded 300 ABCDEFGHIJKLMNO PQRSTUVWXYZ ABCDEFGHIJKLMNOP QRSTUVWXYZ ABCDEFGHIJKLMNOP QRSTUVWXYZ abcdefghijklmnopqr stuvwxyz abcdefghijklmnopqrst uvwxyz abcdefghijklmnopqrstu vwxyz 0123456789 0123456789 0123456789 About Grueber About Museo Sans A bold, characterful typeface with unusual slabs. This font gives a unique vibe to the Bloomingfeld communication. A geometric sans serif. An easy-to-read, timeless typeface. All fonts are available for online use on Adobe Typekit. Typography 4
Typeface & Typesetting guides. Brandon Grotesque Black Grueber Bold Museo Sans Rounded 900 Museo Sans Rounded 300 All typefaces have small rounded corners. This does not only give them a soft, easy-on-the-eye look, but brings uniformity in the overall image. Lorem ipsum dolor. consectetur adipiscing elit consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 1 1 Titles This is the core message and should always be displayed as large as possible, without exaggerating. 2 Subtitles Can be used larger, or the same size as the body text. If used larger, always leave a space between the subtitle and bodytext. 3 Body Always use on a size that is easy to read. On small paper sizes, this is 9 / 10pt. 2 3 Typography 5
Color Palette. Primary colors C100 M80 Y60 K0 C70 M15 Y0 K0 R32 G68 B90 R54 G139 B224 WEB #20445A WEB #36A9E0 Secondary colors C0 M30 Y72 K0 C45 M0 Y70 K0 C0 M57 Y54 K0 C75 M0 Y68 K0 R250 G188 B88 R159 G201 B109 R240 G137 B110 R41 G172 B115 WEB #FABC58 WEB #9FC96D WEB #F0896E WEB #29AC73 Graphical Elements 6
Layout. 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. Graphical Elements 7
Layout. Geometric shapes Geometric shapes refer to the equality of te the main components: people / planet / profit. Each component forms an equivalent link in the chain. How the shapes are made Squares are drawn on the grid Some corners are rounded to create a dynamic playfull layout. Do s Dont s Graphical Elements 8
Layout. Grid Example This is a very large title. This is a very large title. Lorem ipsum dolor consectetur elit. consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor consectetur elit. consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Graphical Elements 9
Layout & Photography. Photography - duotone & full color This is a very large title. This is a very large title. Lorem ipsum dolor consectetur elit. Lorem ipsum dolor consectetur elit. consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Graphical Elements 10
Iconography. Graphic style 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. How to use Combine icons with photography Combine icons with text Icons can be placed in solid colored shapes when used in a composition. When icons are combined with text, We use the icons without a solid background. Example on next page. Fusce consectetur volutpat massa non varius. Fusce consectetur volutpat massa non varius. Graphical Elements 11
Photography & Visuals. This is a title. consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor consectetur elit. Graphical Elements 12
Design applications. Businesscards Hugo Vercauteren Business Development Manager Belgium MOBILE: EMAIL: SITE: + 32 478 32 19 29 huv@bloomingfeld.com bloomingfeld.com Bloomingfeld Belgium bvba Franklin Rooseveltplaats 12/8 2060 Antwerpen Belgium Design Applications 13
Design applications. Letterhead We challenge. We change. Bloomingfeld Belgium bvba Franklin Rooseveltplaats 12/8 2060 Antwerpen Belgium bloomingfeld.com Lorem ipsum dolor Company name 10 Sit Amet 1000 Consectetur Belgium Dear Mr. Lorem Ipsum, 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 Design Applications 14
Design applications. Enveloppes Bloomingfeld Belgium bvba Franklin Rooseveltplaats 12/8 2060 Antwerpen Belgium Lorem ipsum dolor Company name 10 Sit Amet 1000 Consectetur Belgium We challenge. We change. Design Applications 15
Design applications. Poster Brochure This is a very large title. This is a very large title. Lorem ipsum dolor consectetur elit. Lorem ipsum dolor consectetur elit. consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Whitepaper This is a very large title. quis nostrud exercitation. consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Design Applications 16
Design applications. Powerpoint template Subject of the presentation. 1 Lorem Lorem Lorem Lorem Lorem 1 Lorem Design Applications 17
Design applications. Online Solutions Services Industries Select a country 1 1 Website header logo, navigation, country selector & searchfield 2 2 Header visual can contain images, text and shapes 3 Highlights whats new at Bloomingfeld 4 Website content for example the services of the company more horizontal blocks can be used here 5 Footer left - a small about section of bloomingfeld and the logo right - terms & conditions, privacy policy and a legal line. 3 Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor. Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet About Bloomingfeld 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 4 Terms & Conditions Privacy Policy 5 Copyright 2014 Bloomingfeld Ltd. All rights reserved. Design Applications 18