28
Opera Software logo guidelines

Opera Logo Guidelines

Embed Size (px)

Citation preview

Page 1: Opera Logo Guidelines

Opera Softwarelogo guidelines

Page 2: Opera Logo Guidelines

2 | Opera Software logo guidelines

Page 3: Opera Logo Guidelines

Opera Software logo guidelines | 3

ContentsThe Opera corporate logo 06

The Opera logo elements 07

Variations of the Opera logo 08

How to use the Opera logo 09

The Opera color palette 16

The Opera icon 20

Opera product icons and names 22

Opera product names as graphical

elements 26

Links and tools 24

This is a condensed version of the brand identity guidelines. If you would like to see the full version, please send your request to [email protected]

Page 4: Opera Logo Guidelines

4 | Opera Software logo guidelines

Page 5: Opera Logo Guidelines

Opera Software logo guidelines | 5

Opera logo

Page 6: Opera Logo Guidelines

6 | Opera Software logo guidelines

The Opera corporate logoThe Opera corporate logo is a valuable asset to the com-pany. It is, therefore, important that it is used in accord-ance with the rules outlined in these guidelines.

Page 7: Opera Logo Guidelines

Opera Software logo guidelines | 7

Opera “O” icon

Logotype.“OPERA” written in capital letters and “software” in lowercase.

The “TM” symbolalways needs to accompany the logo.

The Opera logo elementsThe Opera corporate logo always includes the Opera “O”, the Opera Software name and a trademark symbol.

When the logo is used in large sizes, the gray border /outer line should be removed.

Page 8: Opera Logo Guidelines

8 | Opera Software logo guidelines

Variations of the Opera logoThere are several variations of the Opera Software logo. Each has been designed for specific circumstances.

The flat versionThe flat version of the logo looks very much like the original, but without the fade. It should be used in situations where gradients cannot be printed or displayed.

The black-and-white flat version (alt. red flat version)The black-and-white version of the logo should be used in circumstances where colors are not available. It should be used in white or black, not in any other color. On white textiles where there is only one color print option, the logo can be presented in all red.

The white version with gradient

Page 9: Opera Logo Guidelines

Opera Software logo guidelines | 9

How to use the Opera logo

The Opera logo protected areas

To enable the corporate logo to appear prominently without interference, minimum exclusion areas have been established.

The Opera logo should always have a half Opera “O” space around it.

™™

Use of space Margin should be the width of a half Opera “O” on each side

™™

Page 10: Opera Logo Guidelines

10 | Opera Software logo guidelines

How to use the Opera logo

Minimum size

The Opera logo should not be displayed below the minimum size. In print, the minimum size is 4mm x 10mm.For online use, the minimum size is 21x53 pixels at 72 DPI. The trademark symbol can be made bigger in cases where the logo is used in minimum size and better visibility of the TM is needed.

Logo width: 10mm

Logo height: 4mm

Logo width: 46,538px

Logo height: 18,491px

Minimum size for print Minimum size for web

Minimum size in relation to other logos

Whenever the Opera logo is displayed next to other logos, the size and positioning of the Opera logo should match the size and positioning of the other logos. The position of the Opera logo is flexible.

Logo width: 10mm

Logo height: 4mm

Logo width: 21px

Logo height: 53px

Logo width: 10mm

Logo height: 4mm

Logo width: 46,538px

Logo height: 18,491px

Page 11: Opera Logo Guidelines

Opera Software logo guidelines | 11

How to use the Opera logo

Acceptable and unacceptable usageThe red and gray logo should only be used on a white / very light background. On all other color backgrounds, the white flat logo is preferred.

Opera redbrand color

Opera graybrand color

Opera whitebrand color

Opera blueaction color

Opera greendownload color

Page 12: Opera Logo Guidelines

12 | Opera Software logo guidelines

How to use the Opera logo

Acceptable and unacceptable usage

Common sense should always be applied when using the Opera logo. Further examples of unacceptable usage of the logo are outlined below:

Do not change the color of any logo parts or remove the “TM” mark.

Do not change the shadow of the logo.Do not change the position of any logo parts.

Page 13: Opera Logo Guidelines

Opera Software logo guidelines | 13

How to use the Opera logo

Usage on imagery

When the Opera logo is used on an image, the logo should be placed in a part of the image that has a solid background. If that is not possible, the logo must have a white box around it. The logo should not fade into the background but be clearly displayed.

Page 14: Opera Logo Guidelines

14 | Opera Software logo guidelines

Page 15: Opera Logo Guidelines

Opera Software logo guidelines | 15

Opera color palette

Page 16: Opera Logo Guidelines

16 | Opera Software logo guidelines

The Opera color paletteThe Opera colors should always be used according to the values identified below.

The corporate logo spot and cmyk color:

SPECIAL / SPOTPANTONE 485CPANTONE 422C 4 COLOR / CMYKC: 00 M: 96 Y: 90 K: 02 C: 00 M: 00 Y: 00 K: 50

Opera corporate colors

PANTONE® MATCHING SYSTEM (PMS) EQUIVALENT

FOUR-COLOR HALFTONE FORMULA (CMYK)

PMS 485C

RGB MATCHING SYSTEM EQUIVALENT

Red 204

PMS 422C Black White

Cyan 00%

Magenta 96%

Yellow 90%

Black 02%

Same as Pantone 1795EC

Black 50% Black 100%

Jet Black 75, 50, 50, 100

Green 015

Blue 022

HTML MATCHING SYSTEM EQUIVALENT

CC0F16 9C9E9F 000000 FFFFFF

Red 255

Green 255

Blue 255

Red 0

Green 0

Blue 0

Red 156

Green 158

Blue 159

Page 17: Opera Logo Guidelines

Opera Software logo guidelines | 17

Opera additional colors

PANTONE® MATCHING SYSTEM (PMS) EQUIVALENT

FOUR-COLOR HALFTONE FORMULA (CMYK)

PMS 2925C

RGB MATCHING SYSTEM EQUIVALENT

Red 000

Cyan 92%

Magenta 17%

Yellow 01%

Black 00%

Green 152

Blue 219

HTML MATCHING SYSTEM EQUIVALENT

1096D5 00A700

Red 000 Red 000

Green 115 Green 167

Blue 166 Blue 160

Cyan 98% Cyan 80%

Magenta 34% Magenta 30%

Yellow 09% Yellow 100%

Black 10% Black 10%

0174A7

PMS 307C PMS 361C

The Opera color paletteThe Opera additional colors are used in Opera user interfaces and the Opera websites.

PMS Black 7C

Black 90%

1A1A1A

Red 26

Green 26

Blue 26

Page 18: Opera Logo Guidelines

18 | Opera Software logo guidelines

Page 19: Opera Logo Guidelines

Opera Software logo guidelines | 19

Opera icon

Page 20: Opera Logo Guidelines

20 | Opera Software logo guidelines

Opera iconThe Opera icon cannot represent the Opera corporate logo. This is not a logo but an application icon, used to represent the product, not the corporation. To discuss Opera Software, the official Opera corporate logo (see page 6) must be used.

512 px 256 px

128 px

48 px 32 px 24 px 16 px

Page 21: Opera Logo Guidelines

Opera Software logo guidelines | 21

Opera iconThe following examples illustrate how the Opera icon appears on different types of screens.

Opera Mini on a Android phone

Opera desktop browser, dock icon

Page 22: Opera Logo Guidelines

22 | Opera Software logo guidelines

Opera Mini product icon

This icon is for use with Opera Mini products.

Opera Mobile™ Opera Devices SDK™Opera Widgets™ Opera™ browserOpera Mobile™ Opera Devices SDK™Opera Widgets™ Opera™ browserOpera Mobile™ Opera Devices SDK™Opera Widgets™ Opera™ browserOpera Mobile™ Opera Devices SDK™Opera Widgets™ Opera™ browser

Opera Mobile product icon

This icon is for use with Opera Mobile products.

Opera Widgets product icon

This icon is for use with Opera Widgets products and solutions.

Opera Devices SDK product icon

This icon is for use with Opera Devices products and solutions.

Opera browser product icon

This icon is for use with Opera browser products and solutions.

Opera product icons and namesThese product icons are based on the corporate logo and can only be used when it is necessary to show the product name and the icon together.

Product names, without the icon, where “Opera” is written in red and the product name in black, should only be used as a graphi-cal element, not as a text style, in cases where there is a lack of Opera branding.

Opera Mobile™ Opera Devices SDK™Opera Widgets™ Opera™ browser

Page 23: Opera Logo Guidelines

Opera Software logo guidelines | 23

Opera product icons and names for dark backgroundProduct names with the icon placed on dark backgrounds should have “Opera” and the product name written in all white.

Opera Mini product icon

This icon is for use with Opera Mini products.

Opera Mobile™ Opera Devices SDK™Opera Widgets™ Opera™ browserOpera Mobile™ Opera Devices SDK™Opera Widgets™ Opera™ browserOpera Mobile™ Opera Devices SDK™Opera Widgets™ Opera™ browserOpera Mobile™ Opera Devices SDK™Opera Widgets™ Opera™ browser

Opera Mobile product icon

This icon is for use with Opera Mobile products.

Opera Widgets product icon

This icon is for use with Opera Widgets products and solutions.

Opera Devices SDK product icon

This icon is for use with Opera Devices products and solutions.

Opera browser product icon

This icon is for use with Opera browser products and solutions.

Opera Mobile™ Opera Devices SDK™Opera Widgets™ Opera™ browser

Opera Mobile™ Opera Devices SDK™Opera Widgets™ Opera™ browser

Page 24: Opera Logo Guidelines

24 | Opera Software logo guidelines

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera product icons and namesThese product icons are based on the corporate logo and can only be used when it is necessary to show the prod-uct name and the icon together.

The following horizontal icons can be used when the verti-cally stacked versions, shown on the previous page, can-not be used for spacing or layout reasons.

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browserOpera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Page 25: Opera Logo Guidelines

Opera Software logo guidelines | 25

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera product icons and names for dark backgroundThese product icons are based on the corporate logo and can only be used when it is necessary to show the prod-uct name and the icon together.

Product names with the icon placed on dark backgrounds should have “Opera” and the product name written in all white. Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browserOpera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Opera Mobile™ Opera Widgets™ Opera Devices SDK™Opera™ browser

Page 26: Opera Logo Guidelines

26 | Opera Software logo guidelines

Opera product names as graphical elementsProduct names, without the icon, where “Opera” is writ-ten in red and the product name in black, should only be used as a graphical element, not as a text style.

“Opera Mini”, where “Opera” is written in red, is preferable. Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Opera Mini™

Page 27: Opera Logo Guidelines

Opera Software logo guidelines | 27

Links and toolsThis is a condensed version of the brand identity guide-lines. If you would like to see the full version, please send your request to [email protected]

Public resourceshttp://www.opera.com/press/resources/

Questions?Please forward any questions about the Opera brand to [email protected]

Page 28: Opera Logo Guidelines

Waldemar Thranes gate 98 P.O. Box 2648, St. Hanshaugen NO-0131 Oslo, NORWAYwww.opera.com