I AM BYRUS - Styleguide

Page 1

CONTENTS Logomark Logotype

4

THE LOGO

4 6 7 8 9

Design Versions Treatment Anatomy Exclusion zone / Minimum Size

CORPORATE MANUAL 10

10

12 13 14 15

THE FONTS

Corporate typogrophy

THE COLORS Corporate color palette MCW Black Color proportions

16

BRAND MISUSE

16

Incorrect application

V E R S I O N 1 . 0 / 2 0 2 1 C R E AT E D B Y Y V O N N E H A R T M A N N . C O M 1


MCW ABOUT Who We Are, What We Do, and What We Stand For

MusiCoWomen About SubtitleOx morununum publicae dum ia? Udam With his mysterious, unpredictable and passionate tam publicaed Cupio verte noximer character, I AM BYRUS aims to „infect“ the feciorum audience publiam pulatudem notius re, with his movili innovative sound. Romnit Combining classic que nos nu in senatiquem inerfin ta, novertum saxophone with experimental electronic sounds, nostrae facchuci te tem rebuncu he creates a contrasty andportem provocative, but ppliiss at the olicavoltiam facchui poritur. Veratuus acchilis same time emotional atmosphere for all senses. virmili caudacc huitestis et vis patatiam. Gra virmilis, ses et, sendam iliam egerem peculviciam

I AM BY R US i s mysterious minimal provocative passionate experimental unpredictable creative contrastive

2


CONTENTS

4

THE LOGO

4 6 8 9 9

Design Treatment Anatomy Exclusion zone Minimum Size

10

THE FONTS

11 12 13

14 15 16 17

Primary font Secondary font Corporate typogrophy

THE COLORS Corporate color palette MCW Black Color proportions

18

BRAND MISUSE

19

Incorrect application

3


MCW LOGO Who We Are, Design. What We Do, and Treatment. What We Stand For Anatomy. Exclusion zone. Minimum size.

MusiCoWomen Logo Design SubtitleOx morununum publicae and dumprovocative ia? Udam The logo reflects the contrastive tam publicaed Cupio verte noximer nature of the artist, representing his feciorum passion, publiam movili mysterious pulatudem and Romnitunpredictable notius re, experimental, que nos nu in senatiquem inerfin ta, novertum character. nostrae facchuci te tem portem rebuncu ppliiss olicavoltiam poritur. Veratuus acchilis This has beenfacchui achieved by using the following virmili caudacc huitestis et vis patatiam. Gra elements: virmilis, ses et, sendam iliam egerem peculviciam - round vs. edgy shapes - filled letters vs. outlines - use of black + red color - horizontal vs. vertical orientation of text

4


LOGO 2 colors The gradient used for the original 2-color version is created by the two primary corporate colors IAB-black and IAB-black (see page 15). Gradient settings: Location red: 0% Location black: 37% Angle: -90° .

5


LOGO 1 color If the logo is displayed in one color only, this color has to be one of the primary corporate colors (IAB black or IAB red). The logo can be displayed on different backgrounds in the following color combintions.

6


LOGO Treatment On photography, the logo should be displayed in its original 2-color version whenever the background is plain and bright (almost white). On black backgrounds the white or red 1-color version should be used. On colored backgrounds it’s recommendable to use the logo in a box. 7


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

4X 2,5X

X

0,5X

10,5X

8


LOGO Exclusion zone The exclusion zone should be respected to keep the logo free of any other graphical elements and guarantee its visual impactand visibility. Minimum size The minimum width should be respected for print and online to guarantee its correct visibility and legibility.

25mm

100px

9


FONTS Primary font. Secondary font.

The selection of the corporate typographic elements has been aligend with the artist‘s values and vision. The corporate fonts represent a harmonic and complementary element to the logomark.

Corporate typography.

10


FONTS

BEBAS NEUE PRO

Primary font Bebas Neue Pro is a round, clean and minimal font which offers a wide range of styles. Alternatively the free Google font Bebas Neue Regular can be used.

Middle A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 ! ” § $ % & / ( ) = ? ` ° ; : ’ # + * Regular A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 ! ” § $ % & / ( ) = ? ` ° ; : ’ # + * Italic A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 ! ” § $ % & / ( ) = ? ` ° ; : ’ # + * Bold Italic A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 ! ” § $ % & / ( ) = ? ` ° ; : ’ # + * BEBAS NEUE Regular A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 ! ” § $ % & / ( ) = ? ` ° ; : ’ # + * 11


FONTS Secondary font The display font AFRONIK adds a bold and modern tone to the brand and with its edgy shapes builds a contrast to the round, clean Bebas Neue Pro. It will only be used for headlines and titles.

AFRONIK A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 0 1 2 3 4 5 6 7 8 9 ! “ $ & / ( ) = ? ` ; : ’ # + *

12


FONTS Corporate typography Afronik will be used exclusively for primary headlines and titles. Bebas Neue Pro will be used for body copy as well as secondary and terciary headlines, sub- or taglines.

HEADLINe

Sublines / taglines / intros / (max. 2 lines)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam

HEADLINE 1 Font: Afronik Size: 24pt

HEADLINE 2 Font: Bebas Neue Pro Bold Size: 16pt Tracking: 50 HEADLINE 3 Font: Bebas Neue Pro Middle Size: 16pt Tracking: 50

SUBLINES Font: Bebas Neue Pro Italic Size: 8pt Tracking: 30

BODY TEXT Font: Bebas Neue Pro Middle Size: 8pt Tracking: 20

MUSIC COLLABORATIVE DISCOGRAPHY WORKS LIST WORKS LIST

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam 13


COLORS Primary colors. Secondary colors. 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


COLORS

primary color palette

secondary color palette

Primary colors Colors used primarily for all type of media and corporate assets. Secondary colors Colors used to highlight and compliment the primary colors.

IAB BLACK

IAB RED

IAB MAROON

IAB ORANGE

IAB GREY

RGB: 34/34/34

RGB: 242/25/5

RGB: 115/2/2

RGB: 242/129/87

RGB: 119/138/140

CMYK: 74/64/60/78

CMYK: 0/94/97/0

CMYK: 32/100/98/48

CMYK: 0/60/66/0

CMYK: 55/33/37/14

HEX: #222222

HEX: #F21905

HEX: #730202

HEX: #F28157

HEX: #778A8C

PANTONE: NEUTRAL BLACK C

PANTONE: 485 C

PANTONE: 188 C

PANTONE: 1635 C

PANTONE: 430 C

15


COLORS Black Wherever the color black is applied in corporate assets it should have the follwing values.

RGB: 34/34/34

CMYK: 74/64/60/78

HEX: #222222

PANTONE: NEUTRAL BLACK

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

16


COLORS

35%%

IAB BLACK

35%%

IAB RED

Color proportions The color proportion scale shows how much the different colors should be used in relation to each other.

10%%

10%%

IAB GREY

10%%

IAB ORANGE

IAB MAROON 17


MISUSE Restrictions. Incorrect applications.

Restrictions The correct application of the corporate elements is very important in order to guarantee a coherent brand perception. The following incorrect application cases should be avoided at any time.

18


MISUSE

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

Incorrect applications The following cases should be avoided at any time. MUSIC 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

19


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