Four lockups, every variant.
Each lockup comes in versions for light and dark backgrounds, as vector SVG and transparent PNG. When in doubt, use the horizontal dark logo on a light background.
Horizontal logo
The primary lockup. Use it whenever there is enough horizontal room.
Stacked logo
For square or narrow spaces where the horizontal lockup does not fit.
Logomark
The gear mark on its own. Use for avatars, favicons, and tight spaces.
Logotype
The wordmark without the gear. For contexts where the mark appears separately.
The brand palette.
ControlCom Blue is the primary brand and action color. Rich black and off-white carry text and surfaces; emerald is reserved for success states.
ControlCom Blue
#4955A3
oklch(48% 0.125 274)
Primary brand and action color
Rich Black
#191919
Text and dark surfaces
Emerald
#44CF6C
Success and positive states
Supporting Gray
#E3E8E8
Backgrounds and borders
Off-White
#FAFCFC
Light backgrounds
Two typefaces, two jobs.
Waldenburg carries headings and display type; Schibsted Grotesk carries everything you read in the interface.
Confidence and control.
Waldenburg
Display & headings
Regular 400 · Medium 500 · Bold 700
Drives every heading on the site and in the product. Waldenburg has no semibold cut — map 600 onto Medium so headings stay clean.
Monitor, configure, and respond to real-time data across complex infrastructure.
Schibsted Grotesk
Body & UI text
Variable 400–700
The workhorse for paragraphs, labels, and controls. Never set long-form copy in Waldenburg.
The system behind the surface.
The product UI is monochrome by default. The brand blue carries actions and focus; everything else stays quiet.
Blue ramp
600 is the primary action color; 700 is its hover state.
50
100
200
300
400
500
600
700
800
900
950
- Set headings in Waldenburg Medium or Bold; body and UI copy in Schibsted Grotesk.
- Render figures, units, and IDs in a monospaced style with tabular numerals so values align in columns.
- Cards and surfaces use a 0.75rem corner radius; buttons, badges, tabs, and avatars are full pills.
- Prefer hairline borders over drop shadows; reserve shadows for popovers and overlays.
- In product UI, color is functional: the brand blue carries actions and focus. Everything else stays monochrome.
- Blue 600 is the primary action color; use 700 for hover and the lighter steps for tints and fills.
Ready-made profile and cover images.
Profile pictures, banners, and post templates sized for every major platform, each in light, blue, and dark. All of it ships inside the brand package.
Download the full brand package (.zip) — logos in SVG and PNG plus the complete social media kit.
A few simple rules.
These assets are provided for press, partners, and integrations referencing ControlCom Technologies or ControlCom Connect.
- Keep clear space around the logo of at least the height of the gear mark.
- Use the dark logo on light backgrounds and the light or white logo on dark backgrounds.
- Prefer the SVG files; use the PNGs where vector formats are not supported.
- Do not recolor, stretch, rotate, outline, or add effects to the logo.
- Do not place the logo on busy imagery without sufficient contrast.
- Write the company name as "ControlCom Technologies" and the platform as "ControlCom Connect".
Need something else?
If you need a different format, size, or co-branding approval, get in touch and we will help.