Upload
slatouche
View
66
Download
0
Embed Size (px)
Citation preview
Opera Softwarelogo guidelines
2 | Opera Software 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]
4 | Opera Software logo guidelines
Opera Software logo guidelines | 5
Opera logo
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.
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.
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
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
™™
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
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
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.
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.
14 | Opera Software logo guidelines
Opera Software logo guidelines | 15
Opera color palette
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
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
18 | Opera Software logo guidelines
Opera Software logo guidelines | 19
Opera icon
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
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
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
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
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
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
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™
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]
Waldemar Thranes gate 98 P.O. Box 2648, St. Hanshaugen NO-0131 Oslo, NORWAYwww.opera.com