Logo
01 | Master Logo 02 | Protected Space 03 | Logo Configurations 04 | Logo Colors (Do’s and don’ts) 05 | Minimum Size 06 | Things to avoidColors
07 | Logo Colors 08 | Brand Colors 09 | Other ColorsTypography & Icons
10 | Fonts 11 | IconsSpecial Mentions
12 | Use of images 13 | Background ImagesOur logo is the number-one visual element of our identity. Proper use of the logo is vital to ensuring recognition for the ControlUp brand.
Our logo consists of two components: the symbol (graphical bars), and the company name. The symbol is a visual expression of our monitoring abilities, as well as our essence of collecting and representing the customers data.
We rarely disconnect the symbol from the company name; they are almost always presented as a single element.
Symbol: Chart Bars
Download ControlUp logo files here (PNG, SVG and EPS formats)
Protected space is essential to keeping the logo visible and clear.
The distance for any graphic object next to the logo should be no less than the height of the logo (i.e. one box).
The logo should be used exclusively as a single unit, and may not be used with any additional tag line, department name or in any other combination, with the exception of our products and services, such as: ControlUp Academy, Support Center, Partner Portal, Insights, and Scoutbees.
The logo has four basic variations.
As a rule of thumb, the default version (black text with colored bars) should be used, unless the situation dictates otherwise (please see below the scenarios of when it should be used differently).
- Use the black logo with colored bars on top of a white/light background (80% white or more).
- Use the white logo with colored bars on top of a black/dark background (70% black or more).
- In a scenario where there are several colors in the background (either light or dark), the pure white/black logo should be used to make the bars as visible and clear as possible.
- In special scenarios where the background is neither very light nor very dark, use the logo version that looks the most clear.
Use the white logo version on a background that isn’t similar to the logo colors
Use the black logo on a background that isn’t similar to the logo colors
Use the logo in black above a light background (and vice versa)
Use the logo on a background that isn’t similar to the logo colors to keep it readable
Use the logo on a contrast of at least 3:1 or more
Use the logo in Full white version to keep readbility above patterned background
Use the default colored logo on a background that makes the logo hard to read (80% black)
Use the default colored logo on a background that interfere with our color bars colors
Use the white logo on a light color background (and vice versa)
Change the logo font
Use any sort of fill in the logo
Use the logo on any busy background that interfere with the visibility of our logo
Using our logo in banners in different sizes, may render it too small to read in some cases. That is why we must be cautious not to have it shown smaller than the minimum size.
On-Screen
The logo should not be less the 77 pixels in width and 14 px in height (in 72 ppi).
Print
The logo should not be less 30 mm in width and ~5 mm in height (in 300 dpi).
When preparing materials for print, use the logo as a vector element (if possible). Should it not be possible, please make sure the images and the rest of the graphics are in high quality only, and that the graphics should be no less than 300ppi in order to maintain a good printing quality.
Using our logo in the examples below is prohibited. It’s important we don’t change it in any way.
distort the length or width of the logo or elements of it
use a drop shadow and/or any other special effect on the logo
remove or add elements to the logo
alter parts or all of the elements of the logo
change the colors of any of the elements of the logo
reproduce the logo in any color other than approved brand colors (in its entirely or part of it)
add any additional text to the logo
rotate the logo in any angle
add any text into the safe area
Our logo is represented by a mix of a black color for the wording “ControlUp” and four additional colors that are featuring in the symbol next to it (the graphical bars).
RGB: 242, 102, 35
CMYK: 0, 75, 99, 0
Pantone: 165 C
RGB: 8, 161, 74
CMYK: 84, 9, 100, 1
Pantone: 7482 C
RGB: 17, 118, 188
CMYK: 86, 49, 0, 0
Pantone: 7461 C
RGB: 238, 42, 49
CMYK: 0, 97, 89, 0
Pantone: 1788 C
RGB: 55, 89, 209
CMYK: 85,66,0,0
Pantone: 2726 C
RGB: 51, 50, 154
CMYK: 94, 87, 0 ,0
Pantone: 7687 C
RGB: 38, 37, 116
CMYK: 100, 98, 20, 4
Pantone: 2756 C
RGB: 244, 191, 49
CMYK: 0, 28, 100, 0
Pantone: 7406 C
RGB: 244, 177, 0
CMYK: 0, 36, 100, 0
Pantone: 7549 C
RGB: 195, 142, 0
CMYK: 17, 44, 100, 8
Pantone: 7550 C
RGB: 255, 255, 255
CMYK: 0,0,0,0
Pantone: N/A
RGB: 246, 246, 246
CMYK: 4, 3, 4, 0
Pantone: 663 C
RGB: 237, 237, 237
CMYK: 100, 98, 20, 4
Pantone: 663 C
RGB: 221, 221, 221
CMYK: 100, 98, 20, 4
Pantone: 664 C
RGB: 188, 188, 188
CMYK: 29, 22, 23, 3
Pantone: Cool Gray 4 C
RGB: 121, 121, 121
CMYK: 51, 41, 40, 23
Pantone: Cool Gray 9 C
RGB: 45, 45, 45
CMYK: 71, 61, 57, 70
Pantone: Black C
RGB: 0, 0, 0, 0
CMYK: 0, 0, 0, 100
Pantone: N/A
Aside of our brand colors, we also make use of other colors on our website, such as generic ux (green=good, red=error, etc).
RGB: 0, 0, 238
RGB: 71, 183, 72
RGB: 170, 31, 31
We are using Google’s font – Lato, to help us maintain a clean looking typography which spreads through-out our entire brand, starting with our website, to digital media, marketing materials and print.
Plase note! Any other font is forbidden (for web, use font Arial and/or Sans-serif as fall-back only).
to be used
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
It’s very important to keep on a consistent look and feel of our brand. For the website, PowerPoint presentations and other materials we use Font Awesome to make our brand coherent thorugh-out all of our graphics materials.
We use several weight options for our icons: Light (as a default), Duotone for special scenarios (widgets and similar things) and solid for the footer of our Marketo emails.
Since we are using a lot of images through-out our website and social platforms, It’s vital we have a solid look and feel to the images we choose to publish so they will “speak” in our brand and be recognisable as much as possible.
use the logo on a vector illustrations that is not in our style
use images with isolated elements (with a lot of white around it) if possible
use images that feel too much “off” or weird in nature.
For the most part, we use our blue image for the background (usually for banners on social platforms, for hero images on our websites and more.
For printing large bg that should not weigh too much and/or get pixelated we can use our vector triangles background that are better suited.
For our Zoom sessions we’ve chosen a lighter blue to make the people look more clear in front of it.
Background for banners, websites, and more
Backgournd for large prints
Background for Zoom meetings
Last update: July 2021