Brand Guidelines
The Brand
In this section, we delve into the essence of our brand, the values and principles that define who we are and how we present ourselves to the world. Discover the audience we connect with, the position we hold in the market, and the personality that sets us apart.
Brand Guidelines Overview
Our brand guidelines are designed to ensure consistency and coherence in our branding efforts across all channels and touchpoints. By following these guidelines, our team can maintain the integrity of our brand identity and effectively communicate our values and personality to our audience.
These guidelines cover everything from our logo usage and color palette to our tone of voice and imagery guidelines. They serve as a comprehensive resource for anyone involved in creating content or representing Brandguide in any capacity.
Brand Positioning
Brandguide is positioned as a boutique branding agency that combines creativity with strategy to help businesses stand out and succeed in competitive markets. Unlike larger agencies, we offer a hands-on approach and personalized service, ensuring that each client receives the attention and expertise they deserve.
Our focus on collaboration and creativity sets us apart from competitors, allowing us to deliver innovative solutions that drive results for our clients.
Tone Of Voice
Brandguide’s voice is professional yet approachable, knowledgeable yet empathetic. We strive to communicate with clarity and confidence while maintaining a human touch that resonates with our audience. Whether we’re crafting website copy, social media posts, or client communications, our tone is consistent and authentic. We speak directly to our audience, addressing their needs and aspirations with empathy and understanding.
The Logo
In this section you’ll discover the backstory of our logo’s creation, the symbolism embedded in its design, and the guidelines ensuring its consistent and effective usage across platforms.
Logo
The logo contains a sleek and sophisticated wordmark, embodying our commitment to clarity and professionalism in all endeavors. The logo symbol resembles the letter “B,” an homage to our name and story. This symbol evokes the imagery of a signal, like a radar emitting waves of possibility and discovery.
Construction and safe space
Rooted in a commitment to clarity and coherence, every aspect of the logo was carefully considered and meticulously aligned within a grid and spacing system.Construction
The logo was carefully crafted and spaced to create clarity and consistency.
Safe Space
By maintaining a designated safe space, the logo is given room to breathe, ensuring that it remains visually distinct and easily recognizable in any context.
Logo usage
The logo may be used in several ways and it different color variants. The flexibility of the logo system allows for easy usage and impact across all platforms.Primary Logo
The primary logo used on light backgrounds.
Secondary Logo
The secondary logo used on dark (black) backgrounds.
Secondary Logo
The third logo used on a dark blue backgrounds.
Monochrome Logo
Monochrome versions of the logo can be used both in the light and dark version.
Logo Symbol
The logo symbol can be used in white or in the primary brand color.
Downloads
Lorem 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Typography
Typography is one of the cornerstones of our visual identity. A good pairing of fonts and a strong hierarchy ensure maximal visual impact. Beneath you will find information about the typefaces we use.
Inter bold
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Titles (H1) (H2) (H3)
Inter medium
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Titles (H1) (H2) (H3)
Inter regular
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Titles (H1) (H2) (H3)
Primary Typeface
Aspekta is a modern sans-serif collection inspired by a clean, simple and neutral style.The family provides a wide range of weights and stylistic alternatives that can be mixed to create strong branding. Aspekta is used for headings.
Secondary Typeface
Inter is a typeface carefully crafted & designed for computer screens. Inter features a tall x-height to aid in readability of mixed-case and lower-case text. Inter is used for all paragraphs and body texts as well as subheadings etc.
Colors
The colors are another essential part of of our visual identity across all platforms. In the following section you will find the primary colors as well as an extended palleted to be used for web.
Primary colors
The primary color palette consists of 3 supporting colors and one brand color. These colors are used in our logos, on flyers and on social media etc.HEX#006AFF
RGB0, 106, 255
CYMK100 / 58 / 0 / 0
HEX#000000
RGB0, 0, 0
CYMK0 / 0 0 / 100
HEX#F5F5F5
RGB245, 245, 245
CYMK0 / 0 0 / 4
HEX#FFFFFF
RGB255,255,255,255
CYMK0 / 0 / 0 / 0
Color Palette For Web
When designing for the web a more nuanced and extensive color palette is defined to give the freedom to create a more nuanced design while still operating within the boundaries of our visual identity. More accent colors will be added to this section.Brand Primary
Neutrals
Brand Secondary
Gradient colors
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?HEX start
#e5d424
HEX end
#00833F
HEX start
#2299D7
HEX end
#21358D
HEX start
#F6851D
HEX end
#eD3B2F
HEX start
#D11667
HEX end
#562279
icons
Ourrrr icon set is a toolbox for creating supporting graphics and they are based on icons from Angular Icons. The icons are always used in our brand colors and in an outlined version like shown below. All i
Brand Color Version
A brand color version of the icons can be used on light, dark blue, and dark backgrounds.
Light Version
A light version of the icons can be used on light, dark blue, and dark backgrounds.
Imagery
Lorem 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Motion Design
Lorem 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Video
Lorem 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Patronen
Supporting graphic elements and patterns can be used to add details and attract attention. Our pattern comes in different colorways.
Brand Color Pattern
The pattern can be used as a background graphic, an overlay etc.
Light Blue Pattern
The pattern can be used as a background graphic, an overlay etc.
Website
Our website is the main touchpoints for our global clients. The look and feel of our website is in line with the overall identity and offers a great set of services, resources and subpages. Our CMS allows internal editors to easily create new and engaging content.
Desktop
Mobiel
Tablet
Applications
In this section you will find examples of how our logo and visual identity can be applied to various formats and objects.
t-shirts
Verpakking
Stickers
Templates
In this section you will find several different templates to download. The templates include proposals, checklists and more.
Social media
In this section you will find examples of how our logo and visual identity can be applied to social media.