INK ELEMENT - Styleguide

Page 1

1 THE LOGO Design Treatment Anatomy Exclusion zone Minimum Size THE FONTS Primary font Secondary font Corporate typogrophy THE COLORS Corporate color palette MCW Black Color proportions BRAND MISUSE Incorrect application CORPORATE MANUALVersion 1.0 / 2022Created by yvonnehartmann.com

A O U T B

communication - self-awareness - authenticitylove - duality - contrast

The ink is what blurs the mind when it comes to creative decision making. It is the catalyst that devides meaning and chaos, and the beginning of all orginality. It is the construct that defines the work of Francois Rivard’s conceptual, electronic project, INK ELEMENT. Built on a grounded understanding of synthesis and classic live-electronic instrumentation. Rivard’s music is a poetic mix of storytelling and intelligent sound design.

2
3 LOGO Design Treatment Anatomy Safety Zone Minimum Size TYPOGRAPHY Primary font Secondary font Corporate typogrophy COLORS Corporate color palette MCW Black Color proportions BRAND MISUSE Incorrect application 4 4 5 7 8 9 10 11 12 13 14 15 16 17 18 19 CO NETN TS

L OO G

design - treatment - anatomy - safety zone - minimum size

Sometimes in life things are not what they seem, sometimes we want to be perceived differently from how we actually are, sometimes communication fails and seems to be the source of loneliness that ties us up in our own mental space and clichés.

The logo design is based on the the artist’s values and concepts of communication, self-awareness, authenticity and love..

The achieved destortion of the artist name was achieved in an analogue process and reflects the concepts of duality and authenticity, while at the same time communicating chaos and the inner conflict of decision-making.

The gemoetric shape builds a contrast to the distortion, adding an harmonic element to the chaos.

4
4

TREATMENT: STANDARD VERSION

The standard version of the logo is displayed in the corporate INK ELEMENT gradient whenever displayed on white or very light backgrounds.

TREATMENT: SIMPLIFIED VERSION

The simplified version conists of only the distorted part. It should only be used as a graphical element on selected, artist-related assets - where the artist name is shown in other warys (e.g. website, business cards, merchandise, etc.).

5

TREATMENT: COLOR COMBINATIONS

The logo may also be displayed in INK ELEMENT green or INK ELEMENT black on a light background as well as in the other corporate color combinations stated here.

6

ANATOMY

The logo is designed with an anatomy based on balanced proportions between its elements.. The established proportions shall be respected in any use case of the logo.

7

SAFETY ZONE

The exclusion zone should be respected to keep the logo free of any other graphical elements and guarantee its visual impactand visibility.

8

MINIMUM SIZE

The minimum width should be respected for print and online to guarantee its correct visibility and legibility.

9

TY Y

GPO R PA H

primary font - secondary font - corporate typography

The selection of the corporate typographic elements has been aligend with the artist‘s values and vision.

10 The corporate fonts represent a harmonic and complementary element to the logomark.

PRIMARY FONT

VOCA is a creative, bold display font. It was chosen for its strong character and the contrast between fine and bold lines within the same font.

VOCA is exclusively used for for principle headlines or creative assets (H1).

11

SECONDARY FONT

While having its own character, DEVANESA is a clean sans-serif font is a good contrast to the prominent VOCA display font.

12

VOCA / 4x (pt)

DEVANESA BOLD / 1x (pt)

CORPORATE TYPOGRAPHY

VOCA is exclusively used for headlines.

DEVANESA is used for all running texts as well as headlines, buttons, foot notes, etc.

DEVANESA REGULAR 1x (pt)

A combination of the fonts is ideally used respecting the here stated proportions.

DEVANESA MEDIUM / 4x (pt) / Tracking: 4x

DEVANESA BOLD / 1x (pt)

DEVANESA REGULAR 1x (pt)

13 HEADLINE

CO L

O R S

primary palette - secondary palette - black - color proportions

The corporate colors are aligned with the artist’s values and vision and thus play an important role of the corporate design.

The IAB color palette consists of the following primary and secondary colors and its use is recommended for any kind of media.

14

IE gradient

COLOR 1: IE black

COLOR 2: IE green

IE green

RGB: 121/201/171 CMYK: 55/0/42/0

HEX: #79C9AB PANTONE: 338C

IE black

RGB: 31/33/48

CMYK: 89/79/50/66

HEX: #1F2130 PANTONE: 532C

IE yellow

RGB: 219/225/32 CMYK: 22/0/89/0 HEX: #DBE120

PANTONE: 388C

IE orange

RGB: 23o/148/70 CMYK: 8/49/77/1 HEX: #E69446 PANTONE: 157C

PRIMARY COLORS

Colors used primarily for all type of media and corporate assets..

SECONDARY COLORS

Colors used to highlight and compliment the primary color

primary color palette secondary color palette

15

BLACK

Wherever the color black is applied in corporate assets, it should have the above stated values.

Black can be used for backgrounds, texts or the logo itself.

INK ELEMENT black

RGB: 31/33/48

CMYK: 89/79/50/66

HEX: #1F2130

PANTONE: 532C

16

COLOR PROPORTIONS

The color proportion scale shows the importance of each corporate color and thus their usage in relation to the other colors.

17
35% IE green IE black IE yellowIE orange 35% 35% 35%

R SE S

R CI incorrect applications

The correct application of the corporate elements is very important in order to guarantee a coherent brand perception.

The here stated incorrect application cases should be avoided at any time.

18 T IT O N

DO NOT change orientation or rotation

DO NOT disproportionally scale or resize the logo or parts of it

DO NOT display in colors not previously specified

DO NOT display with color combinations not previously specified

DO NOT add any effects to the logo

DO NOT display any elements within the logo’s clear space

MUSIC
19
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.