This guidline contains all you need to know regarding our visual language and how it schould be implemented.
The guidline offers practical knowledge and rules that needs to be applied so we can ensure consistensy throughout all our touchpoints and marketing material.
Our Brand Guide contains all you need to know regarding our visual language and how it schould be implemented.
*This is a compact version that can be used for now. The complete Brand Guide is undergoing development.
Logotype
Main Logo
Safezone
freespace (x) is based on the width and hight of the apostrophe in IDÉ.
And the freespace is the same allround the logo. This cant be altered or discarded.
Optical alignment when aligning our logo you need do respect the freespace.
right bottom (Businesscard or PPT) make sure you align the endpoint of the letter E
Colours variations
The black version of our logo is used when we cant use our PMS Blue or need high contrast on light backgrounds and images.
The black version of our logo is used when we cant use our PMS Blue or need high contrast on light backgrounds and images. When printing or creating stationary products, such as letterheads, envelopes the grey (PMS430 C) shall be used.
We use the white version to create high contrast and visability on dark backgrounds and complex images.
Main logotype
Secondary Logo
Tagline
Safezone
freespace (x) is based on the width and hight of the apostrophe in IDÉ.
And the freespace is the same allround the logo. This cant be altered or discarded.
Optical alignment when aligning our logo you need do respect the freespace.
right bottom (Businesscard or PPT) make sure you align the endpoint of the letter E
*All logotypes are available on intranet/sharepoint/Marketing & Design
Secondary logo with tagline
Colours variations
The black version of our logo is used when we cant use our PMS Blue or need high contrast on light backgrounds and images.
The black version of our logo is used when we cant use our PMS Blue or need high contrast on light backgrounds and images.
The black version of our logo is used when we cant use our PMS Blue or need high contrast on light backgrounds and images.
We use the white version to create high contrast and visability on dark backgrounds and complex images.
Dos & Donts
1. Its not allowed to add shadows or outlines
2. Using Gradients as a fill is not allowed
3. Rotating or alter the proportions of our logos is stricly forbidden.
4. Changeing or using other colours is not allowed.
*Important These rules apply to all variations of our logo.
*All logotypes are available on intranet/sharepoint/Marketing & Design
Dont’s Correct use
Its not allowed to add shadows or outlines
Using Gradients as a fill is not allowed
Rotating or alter the proportions of our logos is stricly forbidden.
Using non approved colours is not allowed.
This is our primary logo and it shall be used whenever possible on products and digital content. Otherwise our white version is the one to use.
When printing or creating stationary products, such as letterheads, envelopes the grey (PMS430 C) shall be used.
The black version of our logo is used when we cant use our PMS Blue or need high contrast on light backgrounds and images.
We use the white version to create high contrast and visability on dark backgrounds and complex images.
Colour Combination
Clear visability and contrast
When using or implementing our logo in print or digital format, its really important that we maintain visability and contrast.
Respect the free space around the logo.
On coloured background
On light background
Colours
This guidline contains all you need to know regarding our visual language and how it schould be implemented.
The guidline offers practical knowledge and rules that needs to be applied so we can ensure consistensy throughout all our touchpoints and marketing material.
Updated colour range
Contrast
/ Seasonal Gray & Black
Main brand colours
Main Colours
Primary Base IDÉ Dark Blue
Print - Pantone & CMYK
Pantone spot colours is used in print to ensure a high quality and a correct representation of our colours on physical products.
CMYK colours can be used when Pantone colours isnt an option and depends on whats beeing printed or produced.
Digital - RGB & HEX
RGB colours are mainly used in digital products, such as Webb, Social Media, Video and webb images.
Interior Design & Manufacuring
NCS - Natural Colour Standard. It can be used within design, Manufacturing, interior design. As close as possible to how the human eye precives physical colours.
Assign these Profiles in Adobe CC products.
CMYK: Coated FOGRA39 (ISO 12647-2-2004)
RGB: Adobe RGB (1998) ICC Profile
Primary Accent IDÉ Light Blue
PMS: 533 C
RAL: 5026
NCS: 6020-RBO
HEX: 202945
PMS: 290 C
RAL: xxx
NCS: xxxx
HEX: b5d6ea
Primary contrast White PMS: 000 C White
RAL: 9010 - Pure White
NCS: S0601-Y
HEX: ffffff
Secondary Colour
IDÉ Green
PMS: 2246 C
RAL: xxx
NCS: xxxx
HEX: a5d3ba
Secondary brand colours
Accent Colours
Accent
Dark Red
Print - Pantone & CMYK
Pantone spot colours is used in print to ensure a high quality and a correct representation of our colours on physical products.
CMYK colours can be used when Pantone colours isnt an option and depends on whats beeing printed or produced.
Digital - RGB & HEX
RGB colours are mainly used in digital products, such as Webb, Social Media, Video and webb images.
Interior Design & Manufacuring
NCS - Natural Colour Standard. It can be used within design, Manufacturing, interior design. As close as possible to how the human eye precives physical colours.
Assign these Profiles in Adobe CC products. CMYK: Coated FOGRA39 (ISO 12647-2-2004)
RGB: Adobe RGB (1998) ICC Profile
Accent
PMS: xxx C
RAL: xxxx
NCS: xxx-xxx
HEX: f9d962
PMS: 2024
RAL: xxxx
NCS: xxx-xxx
HEX: fb7b56
Accent
PMS: 149 C
RAL: xxxx
NCS: xxx-xxx
HEX: f9d962
Seasonal Accent
Yellow Seasonal Colour Christmas Beige
PMS: 120 C
RAL: xxxx
NCS: xxx-xxx
HEX: f9d962
PMS: 4247 C
RAL: xxxx
NCS: xxx-xxx
HEX: f9d962
Gray & Black
PMS: Black 6 C
RAL:
PMS: 430 C RAL: 9007 - Gray Metalic
PMS: Cool Gray 4 C RAL: xxxx
NCS: 2500-N HEX: b8bbbd
PMS: Cool Gray 2 C RAL: 7047 - Telegrey 4
Colour combination
Readability and contrast
Its important to maintain good visual contrast and readability. To the right you can see combinations that are allowed and also not allowed.
Our Dark Blue ( PMS533c ) schould be the base colour in everything we produce and then combined with a suitable accent or contrasting colour.
* You find all our colour codes on the previous page.
Typography
Our main typeface is Source Sans Pro. We use mainly use Semi bold for headlines, Bold can be used in curtain formats. Regular is used for written copy and body text.
Italic versions are mainly avoided but can be used to direct focus to a short line of text or “quote” Besides those scenarios. Its not allowed to use italic font.
Main type
Source Sans Pro Regular Semi Bold Bold
Our main typeface is Source Sans Pro. We use semi bold and bold for headlines and regular for written copy and body text.
AaBbCcDdEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvXxYyZzÅåÄäÖö
0123456789
Very restricted use Italic versions are mainly avoided but can be used to direct focus to a short line of text or “quote” Besides those scenarios. Its not allowed to use italic font.
AaBbCcDdEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvXxYyZzÅåÄäÖö
0123456789
AaBbCcDdEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvXxYyZzÅåÄäÖö 0123456789
AaBbCcDdEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvXxYyZzÅåÄäÖö 0123456789
AaBbCc
Font style: Semi Bold
Font size: 47pt
Leading: 41 pt
Alignment: Left
Kerning: Optical
We deliver custom made products that strengthen your brand.
Font style: Regular
Font size: 17pt
Leading: 19 pt
Alignment: Left
Kerning: Optical
Product media also aids in the development of relationships, both internally and externally with customers and partners. Product media is handed over personally and appreciated by the recipient; as many as 85% remember the person they received a gift from 12 months later.
Two columns layout
Font style: Regular
Font size: 12pt
Leading: 13 pt
Alignment: Left
Kerning: Optical
How can a product with your company´s logo both build a brand, make you visible among competitors, and at the same time build relationships?
With a strategic choice of product and design, product media can give the recipient an idea of who you are and what your values are. A positive perception of the product gives a positive brand association, and helps to strengthen your brand.
Remember that a product is physical evidence and good marketing for your brand. Surveys show that 50% of people use a promotional product every single day, which means that your brand can be exposed to many recipients. Choosing product media that recipients use and care for increases visibility.
Guide for setting text
As a general rule when creating content or copy for print. All text needs to be left aligned.
Kerning: Optical
Text alignment: Left
To enure good readability and understanding of any text or information we create.
Leading is the space between the rowes of text. You can use between 1p-2pt for paragraphs and longer sentences of text.
Example
If you write a sentence with a size of 10pt the leading can be 11pt, 11.5pt or 12pt.
When writing, longer sentences of text such as descriptions, product text for our website we use regular sized letters (non Capital).
Capital Letters
Its best suited for large text communicating a short message or headline. Can be applied in both print and webb.
Brand Pay offs 17
In this segment you will get visual examples on how you can utalize our graphic elements such as patterns, symbols.
Pay offs
For External use
Product Media Specialist
Produktmedia spesialister
For External use
We deliver custom made products that strengthen your brand. Skreddersydde produkter som styrker din merkevare.
Internal use
Unofficial
I’m a product media specialist.
Graphic Elements 19
In this segment you will get visual examples on how you can utalize our graphic elements such as patterns, symbols.
Star Symbol
Example on Usage
The star shape can be used as both a solid shape and oulined (stroke width) It can never be used or placed on it own. Allways in context with our logo and written text.
Exact stroke width is yet to be desided.
Colours
We strongly recomend using PMS 290 C on PMS 533 C when creating layouts and design.
*Using PMS 533 C on 290 C works, but these cases needs to be approved by our design department.
Cropping & Pattern layouts
Depending on the layout, we can crop the star symbol to create movement and visual harmony.
Inspired by our logo
Refined Shape
Icon examples
Current Sustainability icon
I prefer if we flipp the icon, by doing so the connection to recycling and circular production is better communicated visually.
Recomend simple stroke/ outlined icons
Product icons combined with relevant category on webb.
