Corporate Identity
Logo Usage, Colors and Explanations
The Logo
The UNITIZE logo represents You as a part of this company! It represents our customers to identify them and us with a fresh, young and dynamic brand in a digital world.
Basic Logo
-
Usage
Do not use the basic logo in other combinations than shown.
-
Alignment
The basic logo can be positioned in each corner of the layout.
There is no restriction for left or right alignment. -
Scaling
Do not upscale the logo in an excessive way.
The maximum width should be 120px.
The minimum width should be 40px.
Basic Logo
white background
Basic Logo
darker background
Inverted Logo
darker background
Inverted Logo
gradient background
Extended Logo
-
Usage
Do not use the extended logo in other combinations than shown.
-
Alignment
The extended logo should always be left aligned in a layout.
It can be placed above or beneath the main content of a layout. -
Scaling
Do not upscale the extended logo in an excessive way.
The maximum width should be 200px.
The minimum width should be 140px.
Extended Logo
white background
Extended Logo
darker background
Extended Logo
darker background
Extended Logo
gradient background
The Colors and Gradients
UNITIZE is a young and highly motivated company where the colors and gradients represent the spirit of the digital world of today.
Colors
-
Primary
#4A83FB
-
Secondary
#111111
-
Muted
#AAAAAA
Primary
Secondary
Muted
Gradients
-
Usage
Use a gradient always as full background visualization.
-
Content
Use white text content as well as the white logo in combination with a gradient.
-
Direction
The shown examples includes a direction from 135 degree which makes the gradient start from the top left corner and end in the bottom right. This direction can be vary.
135 deg
#812afb
#2982fb 35%
#24c4ee 80%
#2bf1a7
background: linear-gradient(135deg, #812afb, #2982fb 35%, #24c4ee 80%, #2bf1a7);
135 deg
#43CBFF 10%
#9708CC 100%
background-image: linear-gradient( 135deg, #43CBFF 10%, #9708CC 100%);
135 deg
#3B2667 10%
#BC78EC 100%
background-image: linear-gradient( 135deg, #3B2667 10%, #BC78EC 100%);
135 deg
#0E5CAD 10%
#79F1A4 100%
background-image: linear-gradient( 135deg, #0E5CAD 10%, #79F1A4 100%);
135 deg
#130CB7 10%
#52E5E7 100%
background-image: linear-gradient( 135deg, #130CB7 10%, #52E5E7 100%);