PixelD Brand Identity

Brand Book April 4, 2022 • VERSION 1.0

Brand Book RGB Document color mode

CONTENTS

VISION MISSION VISUAL IDENTITY BRAND STRUCTURE PixeID LOGO PROPORTIONS AND PROTECTION SPACE OF THE SYMBOLS COLOR SPLITS AND VARIATIONS PRIMARY TYPEFACE SECONDARY HEADING TYPEFACE COLOR PALETTE GRADIENTS APPLICATION

SOCIAL MEDIA APPLICATION EXAMPLES IMAGERY APPLICATION EXAMPLES

VISUAL IDENTITY

BRAND STRUCTURE

BANANA PRE-ROLLS

COMING SOON

COMING SOON

PixeID LOGO We at PixeID believe that our Visual Identity is more than just a badge or logo: it stands for what we stand for. It showcases who we are, our values, and our commitment to keeping up with the ever advancing technology.

We carefully considered the relationship between each element of our visual identity - the letters have been drawn and the colors selected to create a distinct, unique mark.

It is important to remember that the size and position of the elements are fixed and should not be altered.

There are three variations of the PixeID Visual Identity: A. The PixeId Logo B. The PixeId P C. The PixeId Wordmark

A. The PixeId Logo

B. The PixeId P

PixeID LOGO

C. The PixeId Wordmark

C. The PixeId Studio

PixeID LOGO Symbol Colors The symbol is in black or white to achieve maximum contrast to any given background.

PixeID LOGO Interaction states In UI the symbol can have an active and inactive state using opacity.

Active 100% opacity

Inactive 15% opacity

PixeID LOGO Construction The symbol is mathematically and geometrically constructed based on squares and circles.

Never recreate the symbol. Only use the provided artwork files.

PixeID LOGO

The “P”

Wordmark

Studio

PixeID Logo

PROPORTIONS AND PROTECTION SPACE OF THE SYMBOLS

1/2 “X”

1/2 “X”

Height “X”

1/2 “X”

1/2 “X”

PROPORTIONS AND PROTECTION SPACE OF THE SYMBOLS

One “X”

One “X”

One “X”

Two “X”

Two “X”

One “X”

One “X”

COLOR SPLITS AND VARIATIONS

COLOR SPLITS AND VARIATIONS

PRIMARY TYPEFACE The guide's primary typeface for heading and body copy on printed and online materials is Roboto.

It is a geometric sans with a wide variety of weights & styles. Its simple shapes give a slightly technological vibe.

Try your headings in both the thinner weights and the black weight – both work really well, that complements our identity. It is available on Google font. It is available on Google fonts https://fonts.google.com/specimen/Roboto Use good judment when choosing different weights. Here are the samples and options.

Web navigation Home

Products

About

Contact

HOME

PRODUCTS

ABOUT

CONTACT

Characters ROBOTO ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽabcčćdđefghijklmnopqrsšt vwxyzž1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

12 Styles

Thin

Italic

Light

Black

Black Italic

Light Italic

Bold

Bold Italic

Medium

Medium Italic

Regular

Regular Size 10pt

SECONDARY HEADING TYPEFACE Orbitron typeface is the heaviest weight to be used to increase contrast in body copy.

You can use five different styles in all-caps or lower case characters. Usually, you can use it to stand out in your paragraph using a heading or subheading format. This typeface is offered free on DaFont.com

Heading & Sub heading samples HEADING Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in.

Sub Heading Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.

Black

Characters

Extra Bold

ORBITRON ABCČĆDĐEFGHI JKLMNOPQRSŠTUVWXYZŽ abcčćd đefgh ijklmnopqr sštuvwxyzž1234567890 ‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

Styles

Bold Semi Bold Medium Regular Size 10pt

COLOR PALETTE

PANTONE® CMYK Process Black C (coated paper) | Process Black U (uncoated paper) C 0 M 0 Y 0 K 100 RGB R 0 G 0 B 0 | HTML 000000

COLOR PALETTE

30%

85%

PANTONE® Process Black C

GRADIENTS Gradients We like to use gradients in other elements of the brand. Gradients should always be composed at a 450 angle or 1500 .

45o

-45o

150o

-150o

APPLICATION

GRADIENTS

Gradient A

Gradient B

Gradient C

Gradient D

APPLICATION EXAMPLES

Gradient C

APP ICON 8 2

1 6

Extract 1

Extract 2

Extract 4

Extract 5

4

5

BANNER Extract 6

7 3

Extract 7

Extract 8

Extract 3

SOCIAL MEDIA

APPLICATION EXAMPLES

IMAGERY

APPLICATION EXAMPLES

Source: ©2020 Tim Tadder

APPLICATION EXAMPLES

Source: ©2020 Tim Tadder

APPLICATION EXAMPLES

Source: ©2020 Tim Tadder

Brand Book April 4, 2022 • VERSION 1.0