Brand Guidelines

Scroll

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.

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.

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.

Brand Blue
HEX
#006AFF
RGB
#006AFF
CMYK
#006AFF
Black
HEX
#006AFF
RGB
#006AFF
CMYK
#006AFF
Light Grey
HEX
#006AFF
RGB
#006AFF
CMYK
#006AFF
Brand Blue
HEX
#006AFF
RGB
#006AFF
CMYK
#006AFF

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

900
#00204d
800
#002a66
700
#004099
600
#0055CC
500
#006AFF
400
#3388FF
300
#66a6ff
200
#99c3ff
100
#99c3ff

Neutrals

900
#262626
800
#4d4d4d
700
#666666
600
#808080
500
#999999
400
#b3b3b3
300
#cccccc
200
#e6e6e6
100
#f5f5f5

Brand Secondary

900
#04391d
800
#064c26
700
#087239
600
#0b984c
500
#0ebe5f
400
#3ccb7e
300
#6ad89d
200
#99e4bc
100
#c7f1db

Icons

Our 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.

Dark Version

A dark version of the icons can be used on light backgrounds.

Light Version

A light version of the icons can be used on light, dark blue, and dark backgrounds.

More Icons

Our icon set is limited to the most basic icons at the moment. More icons can be added to specific project if the need occurs. For ensuring consistency all the new icons must be added from the same base icon set Angular Icons and are free to download.

Patterns

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.

Dark Blue 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.

Applications

In this section you will find examples of how our logo and visual identity can be applied to various formats and objects.

Social Media

In this section you will find examples of how our logo and visual identity can be applied to social media.

Templates

In this section you will find several different templates to download. The templates include proposals, checklists and more.

Proposal Template

Open in Google Docs

Contract Template

Open in Google Docs

Service Agreement Template

Open in Google Docs

Light Monochrome

Download PDF