Index

Identity guidelines

01

Introduction

Introduction

With offices all over the world, different departments and sub brands, there are a lot of people handling Opera's visual identity every day. To maintain a strong brand presence, it's crucial to maintain a correct, coherent use of our identity.

These guidelines will provide all necessary downloadable files supplemented with explanatory texts and images that will help you use the tools in our identity (logo, color, fonts, etc.) the way it is intended. Download individual assets within each section, or get the complete package to the left. Use the top-right index menu to jump between sections.

02

Logo & icon

Logo

Opera's logo consists of two elements, the icon and the logotype. The icon, our red "O" can be used by itself, but the logotype should always be used with the icon.

Do not change the size relation between icon and logotype.

There are several official versions of the logo that can be used, as specified in this manual. All versions are available in both CMYK (print) and RGB (screen). The logo should appear prominently in all communication materials. Please do not attempt to create your own art for the Opera logo, icon or logotype for any application. 

Please note: Any usage of an other-than-red "O" logo: "Full Color B&W Negative" and "Full Color B&W Positive" must be approved by the brand team first.

Use arrow keys to navigate. Hit Esc to close.

Clear space

There must always be sufficient space surrounding the Opera logo to avoid competition with other visual elements and to maintain its visual impact. The recommended clear space is relative to the logo size and is equal to 50% of the icon. Allow at least this amount of clear space so that it helps give the logo clarity.

Use arrow keys to navigate. Hit Esc to close.

Flat color version

The gradients in the Opera logo aren't suited for CMYK print in small sizes. For those situations, we have developed a flat, 2-colored logo. This version may also be used in other situations where the full-color logo isn't suitable.

Please note: The version of the logo in red is the preferred logo and should be used wherever possible. 

Any usage of an other-than-red "O" logo: "Flat Color B&W Negative" and "Flat Color B&W Positive" must be approved by the brand team first.

Use arrow keys to navigate. Hit Esc to close.

Monochrome version

In rare cases, there will be necessary to employ a flat, monochrome version of the logo (i.e., one-color print).

Please note: These logos are not available for download. Please contact the brand team if you need to use the version of the logo.

Misuse

Inconsistent use of the Opera logo and icon detracts from our brand equity and recognition. Distorting or modifying the Opera logo in any way negates the consistency we strive to achieve. These examples illustrate what not to do.

Use arrow keys to navigate. Hit Esc to close.
03

Opera Mediaworks logo

04

Typography

Basis Grotesque

Basis Grotesque is a beautiful sans serif font from Colophone Foundry. With its strong, grotesque shapes and elegant humane feel, Basis Grotesque is an ideal font for a tech-company with a focus on the human experience.

For licensing questions (Opera Software AS only) send your enquiries to:

brand-team@opera.com

Subsidiaries outside Opera Software AS must buy their own license at Colophon Foundry

Use arrow keys to navigate. Hit Esc to close.

Arial

In some cases it´s necessary to have a fallback font as a replacement for our profile font, Basis Grotesque. This could be because you are unable to obtain a licence for Basis Grotesque, or you are working on documents that need to look identical on all computers. In these cases, use Arial, as its preinstalled on most computers.

Use arrow keys to navigate. Hit Esc to close.
05

Color palette

Opera has always been known for our red "O", so in our new identity, red is still the primary color. The color palette consists of a bright main red, a secondary red, a secondary palette and a neutral palette. The bright red is the preferred color, which can be used on everything from backgrounds to icons, often in combination with colors from the neutral palette. The secondary red can be used when the primary red already is in use on the surface.

The secondary color palette is mostly for use in infographics, buttons and certain types of printed matter.

Use arrow keys to navigate. Hit Esc to close.