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