Official Websites

• https://www.opera.com
• https://opr.as/opera-one
• https://blogs.opera.com/desktop

Brand Guidelines

2023

Brand Summary

Mission

• Opera’s mission is to provide users with a better alternative to conventional web browsers, leading the way with groundbreaking innovations that become industry standards. The brand aims to redefine the boundaries of web browsers and pioneer their capabilities, maintaining an unwavering commitment to innovation as it unveils its new look [^1].

Core Values

• innovation
• clarity
• modernity
• expressiveness
• adaptability

Target Audience

• Users seeking a modern, innovative, and high-tech web browsing experience, likely those who value visual appeal, clarity, and advanced features [^2].

Personality Traits

• dynamic
• expressive
• modern
• playful
• powerful
• never boring or conservative

Visual Identity Overview

• Opera One’s visual identity combines high-contrast black and white with a vibrant, expressive color palette and fluid, organic gradients. The design is modern, minimalistic, and high-tech, featuring sleek layouts, bold typography, and dynamic graphic elements that evoke motion and clarity. The logo and iconography are clean, recognizable, and adaptable for various contexts [^3].

Categories

Brand Imagery

• This design guide serves as a dynamic resource for Opera One, adapting and expanding alongside its growth and evolution this year. Be sure to revisit frequently for updates on new colors, gradients, photography guidance, and implementation samples.
• THE IMAGES SHOWN ARE EXAMPLES AND CANNOT BE USED IN FINAL MATERIALS. THEY ARE MOCK UPS FOR INTERNAL REFERENCE ONLY, NOT INTENDED OR LICENSED FOR ANY OTHER USE.

Color Palette

• Be sure to revisit frequently for updates on new colors, gradients, photography guidance, and implementation samples.
• Introducing the new color guidelines for Opera One’s visual identity, which artfully combine the simplicity and high contrast of black and white with a vibrant, expressive color palette.
• This thoughtful fusion of hues ensures a striking visual impact while maintaining a clean and modern aesthetic.
• Additionally, the inclusion of fluid, organic gradients imbues the design with a sense of emotion, adding depth and dynamism to the overall brand experience. The new Opera One color guidelines exemplify a balance of clarity, emotion, and visual appeal.
• RGB 255 255 255 HEX FFFFFF
• Primary Primary RGB 0 0 0 White Black HEX 000000
• Island Blue RGB 78 35 247 HEX 4E23F7
• Canyon Coral RGB 223 78 96 HEX DF4E60
• Oasis Orange RGB 236 141 84 HEX EC8D64
• Plateau Primrose RGB 237 197 125 HEX EDC57D
• Summit Saphire RGB 49 120 240 HEX 3178F0
• Fjord Azure RGB 75 231 221 HEX 4BE7DD
• Peninsula Purple RGB 168 121 218 HEX A879DA
• Parasol Pink RGB 254 121 222 HEX FE79DE

Typography

• We use Be Vietnam Pro as the primary font for text setting throughout the branding. The typeface is a Neo Grotesk that embodies visual clarity and simplicity, which are synonymous with the attributes of Opera One.
• The family has 18 styles available but we primarily stick to regular, bold, or black.
• Space Mono, regular, is used as the secondary font and is used sparsely as both a contrast ingredient, and for utility such as headers and footnotes.
• The typesetting and layout resemble a feeling of neatly stacking and organizing elements into defined spaces. Our headlines are tightly set in capitals, negative letter spacing, and leading. The subheading and the body styles are more open for readability and legibility.
• H1 To be used for short form or titles for print and web. Font: Be Vietnam Pro Weight: Black Case: All-caps Leading: 95% Download Here
• COPY TEXT # browse with intelligent Tab Islands. To be used for long and flowing text. Font: Be Vietnam Pro Weight: Regular Case: Sentence Leading: 125%% Download Here
• H2 To be used for short form or titles for print and web. In support of H1. Font: Be Vietnam Pro Weight: Regular or Bold Case: Caps or Sentence Leading: 110% Download Here
• DETAILS ## With tab grouping system ensures that everything is easy to find and access. Used as the secondary font, a contrast ingredient, and for utility such as headers and footnotes. Font: Space Mono Weight: Regular Case: Caps or Sentence Leading: 110% Download Here
• Be Vietnam Pro Black or BOLD, All-caps
• Be Vietnam Pro Regular, caps or Sentence case
• Space Mono REGULAR OR ALL-CAPS

Logo Usage

• Opera’s logo consists of two elements, the icon and the logotype.
• Minimum size Digital: 25px wide Print: 1 cm wide
• Do not change the size relation between icon and logotype.
• 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 25% (Y) and 50% (X) of the icon. Allow at least this amount of clear space so that it gives the logo clarity.

Brand Values

• This design guide serves as a dynamic resource for Opera One, adapting and expanding alongside its growth and evolution this year. Be sure to revisit frequently for updates on new colors, gradients, photography guidance, and implementation samples. We appreciate your input and experiences in using these guidelines, which will help us continually enhance them.
• Since its inception, Opera has been committed to providing users with a better alternative to conventional web browsers, leading the way with groundbreaking innovations that eventually became industry standards. As we unveil our new look, our mission to redefine the boundaries of web browsers and pioneer their capabilities remains unwavering.

Visual Style

• This design guide serves as a dynamic resource for Opera One, adapting and expanding alongside its growth and evolution this year. Be sure to revisit frequently for updates on new colors, gradients, photography guidance, and implementation samples.
• Introducing the new color guidelines for Opera One’s visual identity, which artfully combine the simplicity and high contrast of black and white with a vibrant, expressive color palette.
• This thoughtful fusion of hues ensures a striking visual impact while maintaining a clean and modern aesthetic.
• Additionally, the inclusion of fluid, organic gradients imbues the design with a sense of emotion, adding depth and dynamism to the overall brand experience. The new Opera One color guidelines exemplify a balance of clarity, emotion, and visual appeal.
• RGB 255 255 255 HEX FFFFFF
• Primary Primary RGB 0 0 0 White Black HEX 000000
• Island Blue RGB 78 35 247 HEX 4E23F7
• Canyon Coral RGB 223 78 96 HEX DF4E60
• Oasis Orange RGB 236 141 84 HEX EC8D64
• Plateau Primrose RGB 237 197 125 HEX EDC57D
• Summit Saphire RGB 49 120 240 HEX 3178F0
• Fjord Azure RGB 75 231 221 HEX 4BE7DD
• Peninsula Purple RGB 168 121 218 HEX A879DA
• Parasol Pink RGB 254 121 222 HEX FE79DE
• Opera’s logo consists of two elements, the icon and the logotype.
• Minimum size Digital: 25px wide Print: 1 cm wide
• Do not change the size relation between icon and logotype.
• 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 25% (Y) and 50% (X) of the icon. Allow at least this amount of clear space so that it gives the logo clarity.

Iconography

• The Opera icon has three variations depending on the context it will be used i6 * Product Ico6 * Utility Ico6 * Expressive

• Product Icon Characteristic` * Skeuomorphic 3D Use casZ * Associated with the main Opera brandinG * Product logo for our flagship products

• Utility Icon Characteristic` * Flat Red Use casZ * UI Element and icon setx * works in small scale, while retaining recognisable red branding

• Expressive Icon Characteristic` * Black or White Use casZ * The most stylized variatio6 * Used for attractive and loud marketing purposes

Layout And Composition

• Opera’s logo consists of two elements, the icon and the logotype.
• Minimum size Digital: 25px wide Print: 1 cm wide
• Do not change the size relation between icon and logotype.
• 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 25% (Y) and 50% (X) of the icon. Allow at least this amount of clear space so that it gives the logo clarity.

Naming Conventions

• As a product line and brand extension of Opera’s, it is important to follow naming conventions and guidelines to maintain consistency and cohesiveness across all facets of the brand. Outside of paragraph text, written as “Opera One”, the following variations depict allowed/disallowed alternatives in our graphic designs and brand visuals.

Brand Partnerships

• Opera is often branded together with one of our partners in all kinds of communication: social media, print, packaging, etc. As with the rest of the identity channels, it’s important that the brand is handled properly in these channels.
• Each case will be unique based on the partners logo, but the illustrated baseline gives a solid anchor point for visual balance
• 50% Icon Width

Additional Properties