Brand Guidelines
DESIGN & IDENTITY MANUAL
These brand guidelines are designed to ensure a consistent look and consistent tone in all of it’s projections.
The following pages will help you understand our brand, what it stands for and how to use it the best possible way.
DESIGN & IDENTITY MANUAL
HI!
Content DESIGN & IDENTITY MANUAL 14. Outline 15. Bleeding Isotype 16. Grayscale Backgrounds 17. Background Colors 18. Grid Drawing 19. Partner Lockups 20. Opacity 21. Color Percentage 22. Colors for Graphic Elements (Blue) 23. Colors for Graphic Elements (Orange) 24. Promotional add-on 01. Graphic Built 02. Isotype / Logotype 03. Graphic Alignment 04. Clear Space 05. Graphic Construction 06. Color Palette 07. Vertical Orientation 08. Logo Reversal 09. Minimum Size 10. Add Sub Text 11. Typeface Built 12. Typeface 13. Backgrounds Flat Colors
DESIGN & IDENTITY GUIDELINES
Base Unit
Logotype Isometry
GRAPHIC BUILT 01
ISOTYPE LOGOTYPE 02
GRAPHIC ALIGNMENT 03
A designated clear space consistently surrounds the logo. No text, graphic elements, symbols, logos, etc. should be placed in this protected area.
Base Unit
CLEAR SPACE
04
Isotype Geometry GRAPHIC CONSTRUCTION 05
43 100 ORANGE BLUE HSB 238 65 49 RGB 44 125 CMYK 99 17 5 % % % 245 0 HSB 29 87 96 RGB 138 31 CMYK 56 100 0 % % COLOR PALETTE % 06
VERTICAL ORIENTATION TECHNOPACK Upward
07
Orientation Signs
LOGO REVERSAL 08
MINIMUM SIZE
09
10 mm Minimun recommended size 80 px
Base Unit
T
INDUSTRIAL MACHINERY - CONSUMABLES - PPE
Base Unit
INDUSTRIAL MACHINERY - CONSUMABLES - PPE
ADD-SUB-TEXT
Sub-text (Montserrat) T
T
10
T
TECHNOPACK MICROGRAMMA D EXTENDED TYPEFACE BUILT ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz 1234567890 !@#$%^&*()_+.,” ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz 1234567890 !@#$%^&*()_+.,” Aa Graphic Built 11 Typeface name
M MONTSERRAT To install: https://fonts.google.com/specimen/Montserrat https://github.com/JulietaUla/Montserrat ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz 1234567890 !@#$%^&*()_+.,” 1234567890 !@#$%^&*()_+.,” abc abc abc abc abc abc abc Aa TYPEFACE 12 Typeface name
BACKGROUND FLAT COLORS 13
OUTLINE Backgrounds Application 14
Always show the center of the Isotype
BLEEDING ISOTYPE
15
A. For black values up to 30% use the Technopack blue-orange version of the logo.
B. From 30% to 84% in black use the white version.
C. For black values over 84% use the blue-orange version.
Use the Technopack logo on backgrounds that guarantee optimal visual contrast and readability. Use either the blue-orange or white version depending on the shade and saturation of the background.
A. B. C.
GRAYSCALE BACKGROUNDS
30% 0% 20% 25% 84% 30% 40% 60% 70% 50% 60% 65%
16
The primary background color palette is derived from the brand color palette. Depending on the background color of the communication, use the appropriate Technopack color logo shown here.
COLORS
BACKGROUND
17
GRID DRAWING For Large Applications 18
Minimum Maximum
PARTNER LOCKUPS
19
OPACITY Maximum 20
80% 50% 15% 80% 50% 15% COLOR PERCENTAGE 21
TECHNOPACK For Graphic Elements H=197 S=82% B=88% R=39% G=170% B=225% C=70% M=15% Y=0% K=0% #27AAE1 H=206 S=85% B=73% R=28% G=117% B=188% C=85% M=50% Y=0% K=0% #1C75BC H=196 S=100% B=93% R=0% G=174% B=239% C=69% M=14% Y=0% K=0% #00AEEF COLOR 22
PACK For Graphic Elements
TECHNO
H=32 S=88% B=96% R=247% G=148% B=29% C=0% M=49% Y=99% K=0% #F7941D
H=14 S=82% B=94% R=241% G=90% B=41% C=0% M=80% Y=94% K=0% #F15429
23 COLOR
H=2 S=77% B=93% R=239% G=65% B=54% C=0% M=90% Y=85% K=0% #EF4136
Promotional add-on 24
DESIGN & IDENTITY MANUAL 2022
