• Blog
  • Support
  • Partners
  • Request Demo
  • Solutions
  • Pricing
  • Resources
  • Company
Download free trial
Digital employee experience management

The DEX management platform supports any digital workstyle, physical endpoints, virtual desktops & apps, SaaS & web apps or unified communications tools

Learn more
REAL-TIME DX
Real-Time Monitoring Guided Troubleshooting & Remediation Centralized Management Automation Remote User Monitoring Historical Data & Analytics
EDGE DX
Physical Endpoint Monitoring Understand physical endpoint experience Optimize physical endpoint experience
SCOUTBEES
Proactive Monitoring
SOLUTIONS
Citrix Virtual Apps and Desktops VMware Horizon Microsoft RDS Microsoft AVD
Insights from the ControlUp team
Watch!
RESOURCES
Blog Script Library Case Studies eBooks Security & Compliance Research & Reports
LEARN
Webinars Video Tutorials Podcasts Events Academy
TOOLS
App Profiler IGEL Integration Pack Incident Savings Calculator EUC MTTR Savings Calculator
4.8 39 Reviews
COMPANY
About Us Careers Our Customers Contact Us
IN THE NEWS
Press Releases In the media
  • SOLUTIONS
    • REAL-TIME DX
    • Real-Time Monitoring
    • Guided Troubleshooting & Remediation
    • End-to-End Visibility with Solve
    • Automation
    • Remote Office Visibility
    • Historical Data & Analytics
    • EDGE DX
    • Physicial Endpoint Monitoring
    • Understand physical endpoint experience
    • Optimize physical endpoint experience
    • SCOUTBEES
    • Proactive Monitoring
    • Integrations
    • Citrix
    • VMware
    • Microsoft RDS
    • Microsoft AVD
  • PRICING
  • RESOURCES
    • Blog
    • Script Library
    • Case Studies
    • eBooks
    • Video Tutorials
    • Events
    • Webinars
    • Podcasts
    • Security & Compliance
    • ControlUp Research
    • Netscaler Monitor
    • App Profiler
    • IGEL Integration Pack
    • Incident Savings Calculator
    • EUC MTTR Savings Calculator
  • COMPANY
    • About Us
    • Careers
    • Our Customers
    • In the News
    • Contact Us
Customers
Partners
Request a demo

ControlUp Brand Guide

Logo

01 | Master Logo 02 | Protected Space 03 | Logo Configurations 04 | Logo Colors (Do’s and don’ts) 05 | Minimum Size 06 | Things to avoid

Colors

07 | Logo Colors 08 | Brand Colors 09 | Other Colors

Typography & Icons

10 | Fonts 11 | Icons

Special Mentions

12 | Use of images 13 | Background Images
Logo
01 | Master Logo

Our 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
Complete logo (Symbol + Logotype)

Download ControlUp logo files here (PNG, SVG and EPS formats)

02 | Protected Space

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).

03 | Logo Configurations

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.

04 | Logo Colors (Do’s and don’ts)

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.
Do

Use the white logo version on a background that isn’t similar to the logo colors

Do

Use the black logo on a background that isn’t similar to the logo colors

Do

Use the logo in black above a light background (and vice versa)

Do

Use the logo on a background that isn’t similar to the logo colors to keep it readable

Do

Use the logo on a contrast of at least 3:1 or more

Do

Use the logo in Full white version to keep readbility above patterned background

Don’t

Use the default colored logo on a background that makes the logo hard to read (80% black)

Don’t

Use the default colored logo on a background that interfere with our color bars colors

Don’t

Use the white logo on a light color background (and vice versa)

Don’t

Change the logo font

Don’t

Use any sort of fill in the logo

Don’t

Use the logo on any busy background that interfere with the visibility of our logo

05 | Minimum Size

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).

Please note!
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.
06 | Things to avoid

Using our logo in the examples below is prohibited. It’s important we don’t change it in any way.

Don’t

distort the length or width of the logo or elements of it

Don’t

use a drop shadow and/or any other special effect on the logo

Don’t

remove or add elements to the logo

Don’t

alter parts or all of the elements of the logo

Don’t

change the colors of any of the elements of the logo

Don’t

reproduce the logo in any color other than approved brand colors (in its entirely or part of it)

Don’t

add any additional text to the logo

Don’t

rotate the logo in any angle

Don’t

add any text into the safe area

Colors
07 | Logo Colors

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).

Orange
Hex: #F26623
RGB: 242, 102, 35
CMYK: 0, 75, 99, 0
Pantone: 165 C

Green
Hex: #08A14A
RGB: 8, 161, 74
CMYK: 84, 9, 100, 1
Pantone: 7482 C

Blue
Hex: #1176BC
RGB: 17, 118, 188
CMYK: 86, 49, 0, 0
Pantone: 7461 C

Red
Hex: #EE2A31
RGB: 238, 42, 49
CMYK: 0, 97, 89, 0
Pantone: 1788 C

08 | Brand Colors

Light Blue
Hex: #3759d1
RGB: 55, 89, 209
CMYK: 85,66,0,0
Pantone: 2726 C

Medium Blue
Hex: #33329a
RGB: 51, 50, 154
CMYK: 94, 87, 0 ,0
Pantone: 7687 C

Dark Blue
Hex: #262574
RGB: 38, 37, 116
CMYK: 100, 98, 20, 4
Pantone: 2756 C

Light Yellow
Hex: #F4BF31
RGB: 244, 191, 49
CMYK: 0, 28, 100, 0
Pantone: 7406 C

Medium Yellow
Hex: #f4b100
RGB: 244, 177, 0
CMYK: 0, 36, 100, 0
Pantone: 7549 C

Dark Yellow
Hex: #c38e00
RGB: 195, 142, 0
CMYK: 17, 44, 100, 8
Pantone: 7550 C

White
Hex: #FFFFFF
RGB: 255, 255, 255
CMYK: 0,0,0,0
Pantone: N/A

Grey #1
Hex: #F6F6F6
RGB: 246, 246, 246
CMYK: 4, 3, 4, 0
Pantone: 663 C

Grey #2
Hex: #EDEDED
RGB: 237, 237, 237
CMYK: 100, 98, 20, 4
Pantone: 663 C

Grey #3
Hex: #DDDDDD
RGB: 221, 221, 221
CMYK: 100, 98, 20, 4
Pantone: 664 C

Grey #4
Hex: #BCBCBC
RGB: 188, 188, 188
CMYK: 29, 22, 23, 3
Pantone: Cool Gray 4 C

Grey #5
Hex: #797979
RGB: 121, 121, 121
CMYK: 51, 41, 40, 23
Pantone: Cool Gray 9 C

Grey #6
Hex: #2D2D2D
RGB: 45, 45, 45
CMYK: 71, 61, 57, 70
Pantone: Black C

Black
Hex: #000000
RGB: 0, 0, 0, 0
CMYK: 0, 0, 0, 100
Pantone: N/A

Mulitply Grey linear Gradient
Hex: #EDEDED (60%) – f6f6f6 (0%)

Light Grey radial Gradient
Hex: #dDDDDD (100%) – FFFFFF (100%)

Dark Grey linear Gradient
Hex: #333333 (100%) – 121212 (100%)

09 | Other Colors

Aside of our brand colors, we also make use of other colors on our website, such as generic ux (green=good, red=error, etc).

Link (URL)
Hex: #0000EE
RGB: 0, 0, 238

Success
Hex: #47B748
RGB: 71, 183, 72

Warning
Hex: #CC3300
RGB: 170, 31, 31

Typography & Icons
10 | Fonts

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).

Fonts
to be used
Light
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Regular
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Bold
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Black
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Fonts NOT to be used
Hairline
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
11 | Icons

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.

Light

Solid

Duotone

Special Mentions
12 | Use of images

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.

Don’t

use the logo on a vector illustrations that is not in our style

Don’t

use images with isolated elements (with a lot of white around it) if possible

Don’t

use images that feel too much “off” or weird in nature.

13 | Background Images

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

PRODUCTS
  • REAL-TIME DX | EUC Monitoring
    • Guided Troubleshooting & Remediation
    • Centralized management
    • Automation
    • Remote Office Visibility
    • Historical Data & Analytics
  • Edge DX | Physical Endpoint Monitoring
    • Understand Physical Endpoint Experience
    • Optimize Physical Endpoint Experience
  • Scoutbees | Proactive Monitoring
SOLUTIONS
  • Citrix Virtual Apps and Desktops
  • VMware Horizon Monitoring
  • Microsoft RDS Monitoring
  • Microsoft Virtual Desktop
TECHNOLOGY
  • ControlUp Real-Time Engine
  • ControlUp Real-Time Console
  • ControlUp Virtual Expert
  • ControlUp Automation
  • Security & Compliance
RESOURCES
  • Blog
  • Script Library
  • Webinars
  • Podcasts
  • Videos
  • Events
  • Research & reports
  • Case Studies
  • Customer Testimonials
  • Free utilities
  • Academy
HELP
  • Support Center
  • Knowledge Center
  • Download Center
  • Release notes
  • Status page
PARTNERS
  • Partner portal
  • Become a Reseller
  • Find a Reseller
COMPANY
  • About Us
  • In the News
  • Careers
  • Contact Us
SEE CONTROLUP IN ACTION
  • Get a quote
  • Try for free
  • Request demo
4.8 39 Reviews
ControlUp© 2022 Copyright ControlUp Technologies LTD, All Rights Reserved
Terms of Use | Privacy Policy | Security | Status
We use cookies to ensure that we give you the best experience on our website. by continuing to use this site you agree to our Cookie policy. Got it