IDÉ_Brand_Guide

IDÉ Brand Guidline

Brand Guidelines 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.

1 / 24

Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Table of Content 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.

Front Page Table of Content Logotype Colours Typography Graphic Elements Icon Examples

2 / 24

1 2 3 7 12 16 20

Version. 1.2 - 20.12.2024

IDÉ Brand Guidline

Logotype

3 / 24

03 Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Main Logo Safezone freespace (x) is based on the width and hight of the apostrophe in IDÉ.

Main logotype

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

IDE_HoB_logo_pms533

IDE_HoB_logo_Grey

IDE_HoB_logo_Black

IDE_HoB_logo_White

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.

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.

*All logotypes are available on intranet/sharepoint/Marketing & Design 4 / 24

Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Secondary Logo Secondary logo with tagline

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

Colours variations

productmedia_logo_pms533

productmedia_logo_pms430

productmedia_logo_black

productmedia_logo_white

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.

*All logotypes are available on intranet/sharepoint/Marketing & Design 5 / 24

Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Dos & Donts 1. Its not allowed to add shadows or outlines

Dont’s

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.

1.

2.

3.

4.

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.

IDE_HoB_logo_pms533

IDE_HoB_logo_Grey

IDE_HoB_logo_Black

IDE_HoB_logo_White

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.

Correct use

*All logotypes are available on intranet/sharepoint/Marketing & Design 6 / 24

Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Colour Combination On coloured background

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 light background

7 / 24

Version. 1.2 - 20.12.2024

IDÉ Brand Guidline

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.

8 / 24

08 Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Updated colour range Primary

Primary Contrast

Secondary / Seasonal

9 / 24

Gray & Black

Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Main brand colours Main Colours Primary Base IDÉ Dark Blue

PMS: 533 C RAL: 5026 NCS: 6020-RBO HEX: 202945

C: 96 M: 83 Y: 42 K: 47

R: 32 G: 41 B: 69

Primary Accent IDÉ Light Blue

PMS: 290 C RAL: xxx NCS: xxxx HEX: b5d6ea

C: 33 M: 7 Y: 6 K: 0

R: 181 G: 214 B: 234

Primary contrast White

PMS: 000 C White RAL: 9010 - Pure White NCS: S0601-Y HEX: ffffff

C: 0 M: 0 Y: 0 K: 0

R: 255 G: 255 B: 255

Secondary Colour IDÉ Green

PMS: 2246 C RAL: xxx NCS: xxxx HEX: a5d3ba

C: 40 M: 1 Y: 34 K: 0

R: 165 G: 211 B: 186

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

10 / 24

Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Secondary brand colours Accent Colours

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.

Seasonal Accent Christmas Dark Red

PMS: xxx C RAL: xxxx NCS: xxx-xxx HEX: f9d962

C: 4 M: 13 Y: 71 K: 0

R: 254 G: 221 B: 113

Seasonal Accent Peach Orange

PMS: 2024 RAL: xxxx NCS: xxx-xxx HEX: fb7b56

C: 0 M: 64 Y: 64 K: 0

R: 251 G: 123 B: 86

Seasonal Accent Summer

PMS: 149 C RAL: xxxx NCS: xxx-xxx HEX: f9d962

C: 1 M: 27 Y: 58 K: 0

R: 250 G: 192 B: 124

Seasonal Accent Easter Yellow

PMS: 120 C RAL: xxxx NCS: xxx-xxx HEX: f9d962

C: 4 M: 13 Y: 71 K: 0

R: 254 G: 221 B: 113

Seasonal Colour Christmas Beige

PMS: 4247 C RAL: xxxx NCS: xxx-xxx HEX: f9d962

C: 13 M: 18 Y: 26 K: 0

R: 227 G: 210 B: 192

Black Text colour

PMS: Black 6 C RAL: 8022 - Black Brown NCS: xxx-xxx HEX: 000000

C: 0 M: 0 Y: 0 K:100

R: 0 G: 0 B:0

Cool Gray 6c Logo colour

PMS: 430 C RAL: 9007 - Gray Metalic NCS: xxx-xxx HEX: 7a868e

C: 54 M: 37 Y: 34 K: 15

R: 122 G: 134 B: 141

Cool Gray 4c Background Colour

PMS: Cool Gray 4 C RAL: xxxx NCS: 2500-N HEX: b8bbbd

C: 31 M: 22 Y: 23 K: 3

R: 184 G: 187 B: 188

Cool Gray 2c Background Colour

PMS: Cool Gray 2 C RAL: 7047 - Telegrey 4 NCS: 2000-N HEX: cbcdcd

C: 24 M: 16 Y: 18 K: 1

R: 204 G: 206 B: 206

Assign these Profiles in Adobe CC products.

CMYK: Coated FOGRA39 (ISO 12647-2-2004) RGB: Adobe RGB (1998) ICC Profile Gray & Black

11 / 24

Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Colour combination Allowed

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.

12 / 24

Version. 1.2 - 20.12.2024

IDÉ Brand Guidline

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.

13 / 24

13 Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

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.

Regular

Semi Bold

Bold

AaBbCcDdEeFfGgHhIiJjKkLlMmNn OoPpQqRrSsTtUuVvXxYyZzÅåÄäÖö 0123456789

AaBbCcDdEeFfGgHhIiJjKkLlMmNn OoPpQqRrSsTtUuVvXxYyZzÅåÄäÖö 0123456789

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.

Regular Italic

AaBbCcDdEeFfGgHhIiJjKkLlMmNn OoPpQqRrSsTtUuVvXxYyZzÅåÄäÖö 0123456789

AaBbCc 14 / 24

Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Text setting Font style: Semi Bold Font size: 47pt Leading: 41 pt Alignment: Left Kerning: Optical

Font style: Regular Font size: 17pt Leading: 19 pt Alignment: Left Kerning: Optical

Two columns layout Font style: Regular Font size: 12pt Leading: 13 pt Alignment: Left Kerning: Optical

We deliver custom made products that strengthen your brand.

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.

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.

15 / 24

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.

Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

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.

Ax 16 / 24

Version. 1.2 - 20.12.2024

IDÉ Brand Guidline

Brand Pay offs In this segment you will get visual examples on how you can utalize our graphic elements such as patterns, symbols.

17 / 24

17 Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Pay offs For External use

For External use

Product Media Specialist Produktmedia spesialister

We deliver custom made products that strengthen your brand.

Skreddersydde produkter som styrker din merkevare.

Internal use Unofficial

I’m a product media specialist.

18 / 24

Version. 1.2 - 20.12.2024

IDÉ Brand Guidline

Graphic Elements In this segment you will get visual examples on how you can utalize our graphic elements such as patterns, symbols.

19 / 24

19 Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Star Symbol Inspired by our logo

Refined Shape

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.

20 / 24

Version. 1.2 - 20.12.2024

IDÉ Brand Guidline

Icon examples

21 / 24

21 Version. 1.2 - 20.12.2024

IDÉ Brand Guideline

Brand Icons Current Sustainability icon

Recomend simple stroke/ outlined icons

Examples

Product icons combined with relevant category on webb.

Tote Bags

Drinkwear

Electronics

Logistics

Gifts & Giveaways

Sustainable

I prefer if we flipp the icon, by doing so the connection to recycling and circular production is better communicated visually.

22 / 24

Version. 1.2 - 20.12.2024