Brand Style Guide
The Open-Xchange brand is well known and for this reason we have published the following summary of the Brand Style Guide to help keep it safe. This should be referred to by anyone working with any Open-Xchange Corporate Design elements, in any medium.
The following sections briefly describe how to, and how not to, use branding features such as the Open-Xchange logo, colors and typography. If you still have questions after reading this, please feel free to contact Open-Xchange Marketing Team for more information or help.
Our logo is the cornerstone of our brand. It represents how we operate and how we make our mark on the world. The "O" stands for "Open" and "X," for "Xchange". This relates directly to our mission to open up the world and provide ‘the’ alternative to controlling platforms, as well as exchange ‘lock-in’ and ‘concentrated power’ for a free and open internet.
Open-Xchange Logo with claim
Sometimes two letters need some embellishment. We strongly encourage the use of the logo with the brand claim, whenever possible.
The statement “Stay Open” refers to Open-Xchange’s past history, current working practices and a desire for an internet that is open, safe and free.
Open-Xchange Logo for web
Different media requires different rules. This is simply because you have more control over layout in some formats and less control in others. Also layout looks different in different media. When using the Open-Xchange logo, with the brand claim, this simple rule applies: the claim is positioned to the right on web-based content, and the claim is positioned to the left in print media.
Colors make things stand out but precision defines a brand.
Open-Xchange has adopted a wide color palette, ranging from blues through greens to oranges, but without rules and guidelines this can lead to some unpleasant results.
Open-Xchange Color Distribution
As shown below the Open-Xchange color palette is based primarily on a range of blues. The second most dominant color group is grey and black tones. This is then followed by the Open-Xchange highlight colors: ice blue, lime green, raspberry, mandarin and mango.
Please note that the use of the highlight colors mandarin and mango should be restricted. They should only be used when all the other highlight colors (ice blue, lime green and raspberry) have already been used.
OX Blue - Used for the Open-Xchange logo when on a white background
OX Dark Blue - Used for general backgrounds
OX Medium Blue - Used for generating the spotlight on “OX Dark Blue”
OX Light Blue - Used for product names
If there is a need to highlight some text in blue, please do not use any of the Open-Xchange blues above. Instead, please use OX Ice Blue from the list of Open-Xchange highlight colors below. OX Ice Blue has been specifically created for this purpose.
OX Dark Blue
OX Medium Blue
OX Light Blue
All Open-Xchange greys can be used for backgrounds, gradients, lines and for form fields.
OX Grey and OX Silver can also be used as text colors in specific cases.
OX Graphite Black
Pantone black 7
Pantone Cool grey 10
OX Silver Grey
Pantone Cool grey 2
OX Highlight Colors
As the name suggests, these colors are reserved for highlighting elements. This important job can only be achieved successfully if they are used as sparingly as possible. For example: using them to highlight starbursts, buttons and/or similar elements that warrant a color highlight.
Please note that the use of the highlight colors mandarin and mango should be restricted and only be used when all the other highlight colors (ice blue, lime green and raspberry) have already been used.
OX Raspberry Red
OX Lime Green
OX Ice Blue
OX Text Colors
The use of black on light backgrounds or the use of white on dark backgrounds is equally effective, but remember that white can also be used as a spotlight color in the silver gradient or as a form field on a light background.
Pantone Process black
Extra Text Colors
OX Ice Blue, OX Grey and OX Silver Grey can be used as extra text colors in specific cases
Radial gradients can be used to focus attention on something. Like a spotlight behind an isolated visual a radial gradient attracts the viewer’s attention. It can also be used to emphasize a piece of text or a headline. Finally it can be used to simply make a flat background more appealing.
The creation of gradients, and their placement, is quite simple, once you know how. Simply use the pure Open-Xchange colors for each side in the gradient tool and you are done (e.g. OX Dark Blue and OX Medium Blue to create the OX Blue Gradient).
Even our corporate font stays open.
With the name "Open-Xchange" and the brand claim "Stay Open" our font must be equally open, at least in name: ‘Open Sans’.
Open-Xchange Corporate Font
Open Sans is a sans serif typeface designed by Steve Matteson. Open Sans has an upright stress and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics.
We use four selected types of Open Sans and their Italic versions. This allows us to comfortably tackle anything using this font.
- Get your slice of the App Pie
OX App Suite
- What our Partners say
- Take a Test Drive
Using a narrow style in combination with bold is a very good way to make things standout. Also by using Open Sans Extrabold within an important statement, or headline, that is in Open Sans Light really makes it ‘pop’. See examples on the left.