Difference between revisions of "Logo Usage Guidelines"
(next paragraph: whitespace) |
|||
(11 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | + | = '''Logo Usage Guidelines version 1.0 '''<br> = | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | === What do we mean by talking about the OpenOffice.org logo? === | ||
+ | This is the present OpenOffice.org logo: <br> | ||
− | + | <br>[[Image:Ooo-main-logo-2col 200px.gif]] <br> | |
− | + | ||
− | + | ||
− | <br | + | <br> |
− | + | ||
− | + | ||
+ | Copyright © 2010, Oracle and/or its affiliates. All rights reserved. <br> | ||
− | === | + | === Are you allowed to use the logo? === |
− | + | ||
+ | Because of the necessity to protect the brand OpenOffice.org our logo is not licensed under an open source license. As it is trademarked you are allowed to use it if you follow the [http://about.openoffice.org/index.html#logo|OpenOffice.org Trademark Policy], which allows you to use our brand to refer to our product and our community only. | ||
+ | Follow the simple steps to request permission. | ||
− | + | <br> | |
− | + | ||
− | + | === How should you use the logo? === | |
− | + | Our logo should be presented in a way that refers to our product and/or our community in a respectful and not misleading way. At the same time we want to strengthen the OpenOffice.org brand by providing a consistent visual impression of our logo. | |
− | ==== | + | We want to achieve these goals by the rules and recommendations brought together in these guidelines: |
+ | |||
+ | __TOC__ | ||
+ | |||
+ | = Logo Usage Guidelines = | ||
+ | |||
+ | These logo usage guidelines are also available in the [http://wiki.services.openoffice.org/wiki/Branding_Initiative/branding_guidelines_draft#Logo_Usage_Guidelines Branding Usage Guidelines] | ||
+ | |||
+ | == Brand Colors == | ||
{{Documentation/Caution|Please '''do not use the color picker''' to extract the colors. The colors shown on your screen may have been already altered by your computer's [http://en.wikipedia.org/wiki/Color_management color management system].}} | {{Documentation/Caution|Please '''do not use the color picker''' to extract the colors. The colors shown on your screen may have been already altered by your computer's [http://en.wikipedia.org/wiki/Color_management color management system].}} | ||
− | + | === Logo === | |
+ | |||
+ | [[Image:OOo color web.png]] | ||
+ | |||
+ | <br> | ||
+ | |||
+ | === Table === | ||
{| class="prettytable" | {| class="prettytable" | ||
|- | |- | ||
− | + | | width="100" height="100" | <br> | |
− | + | | align="center" width="150" style="background: rgb(14, 133, 205) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: continuous; color: white;" | '''Blue''' | |
− | + | | align="center" width="150" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: continuous; color: white;" | '''Black''' | |
− | | width="100" height=" | + | |
− | | | + | |
− | | | + | |
|- | |- | ||
| HEX | | HEX | ||
− | | | + | | 0E85CD |
− | | | + | | 000000 |
|- | |- | ||
| RGB | | RGB | ||
− | | <span style="color: maroon;">14</span> | + | | <span style="color: maroon;">14</span> <span style="color: green;">133</span> <span style="color: navy;">205</span> |
− | | <span style="color: maroon;">0</span> | + | | <span style="color: maroon;">0</span> <span style="color: green;">0</span> <span style="color: navy;">0</span> |
|- | |- | ||
| CMYK | | CMYK | ||
− | | | + | | tbd |
− | | | + | | tbd |
|- | |- | ||
| Pantone | | Pantone | ||
− | | | + | | tbd |
− | | | + | | tbd |
|} | |} | ||
+ | [[Image:OOo colors.png]] <br> | ||
− | + | == Logo: DO's == | |
− | + | === White Space Logo === | |
− | + | This is the white space that should be left unchanged around the logo: | |
− | + | [[Image:Logo OOo space.png]] <br> <br> | |
− | + | === NLC logo <br> === | |
− | + | Whitespace | |
− | + | [[Image:Logo-nlc-whitespace-example.png]] | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | Example with the Liberation Sans font type. | ||
+ | [[Image:Example-logo-nlc-with-line.png]] | ||
− | === | + | === Logo Inverse === |
− | + | '''1. Blue: ''' | |
− | + | [[Image:Logo OOo invers blue.png]] | |
− | + | '''2. Black:''' | |
− | + | [[Image:Logo OOo invers black.png]] | |
− | + | <br> | |
− | + | === Logo Black and White === | |
− | [[Image:Logo | + | [[Image:Logo OOo bw.png]] |
<br> | <br> | ||
− | + | === Logo Grayscale === | |
− | + | This is a conversion from a 24-bit image to an 8-bit image to obtain the correct color. <br> Color code of gray: <br> Blacktone: 55% <br> RGB: R 113 - G 113 - B 113 <br> HEX: # 71 71 71 <br> | |
+ | |||
+ | [[Image:Logo-greyscale.png]] | ||
<br> | <br> | ||
− | + | === Gulls === | |
− | + | *Guidelines on using the gulls by themselves (e.g. the gull orb) | |
− | + | <br> | |
− | + | === Minimum Sizes === | |
+ | [[Image:Logo min 100.png]] | ||
+ | 100 x 30 pixel (35 x 11 mm) <br> | ||
− | + | <br> | |
− | + | == Logo DONT's<br> == | |
+ | === Colors === | ||
− | + | Never change the color of the logo or use different shades. | |
− | + | [[Image:Logo-do-not-change-colors.png]] [[Image:Logo-do-not-use-tinted-versions.png]] | |
− | + | Never outline the logo. | |
− | + | [[Image:Logo-do-not-outline.png]] | |
+ | Do not place any imagery inside the logo. | ||
+ | [[Image:Logo-do-not-place-imagery.png]] | ||
− | + | <br> | |
− | + | === Aspect Ratio === | |
− | + | Never stretch the logo from it's original form but respect its aspect ratio. | |
− | + | [[Image:New logo dont stretch1.png]] [[Image:New logo dont stretch2.png]] | |
+ | |||
+ | <br> | ||
+ | |||
+ | === Background Colour === | ||
+ | |||
+ | Don't use background colors that negatively affects readability of the logo. | ||
+ | |||
+ | [[Image:New logo use appropriate bg1.png]] [[Image:New logo use appropriate bg2.png]] | ||
+ | |||
+ | <br> | ||
+ | |||
+ | === Place and Elements === | ||
+ | |||
+ | Do not place the gulls on a different place. | ||
+ | |||
+ | [[Image:New logo dont move elements.png]] | ||
+ | |||
+ | <br> | ||
− | + | === Trademark Symbol === | |
− | + | Do not remove the ™ (trademark symbol) | |
+ | [[Image:Logo-do-not-remove-trademark.png]] | ||
+ | === Font === | ||
− | + | The best font to use in combination with the OpenOffice.org logo is the open font [http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/design/index-en.html#prop M plus 1p] with broad support of non-Latin areas in Unicode. | |
− | + | [[Image:Test-m-plus-font-OOo.jpg|450px]] [[Image:M plus 1p numbers.PNG|300px]] | |
+ | If a designer is able to do so, we recommend to round the rectangular dots in the font when creating a graphical work containing this font. | ||
+ | == Logo Usage Guidelines Proposals == | ||
− | + | Members of the Branding initiative have proposed additional logo usage guidelines. Until it is decided if they are accepted, these guidelines will be on the [http://wiki.services.openoffice.org/wiki/Logo_Usage_Guidelines_Proposals Logo Usage Guideline Proposals wiki page]. '''Bold text''' | |
− | + | [[Category:Visual_Design]] [[Category:Branding]] [[Category:Marketing]] [[Category:Art]] |
Latest revision as of 12:18, 29 December 2018
Logo Usage Guidelines version 1.0
What do we mean by talking about the OpenOffice.org logo?
This is the present OpenOffice.org logo:
Copyright © 2010, Oracle and/or its affiliates. All rights reserved.
Are you allowed to use the logo?
Because of the necessity to protect the brand OpenOffice.org our logo is not licensed under an open source license. As it is trademarked you are allowed to use it if you follow the Trademark Policy, which allows you to use our brand to refer to our product and our community only. Follow the simple steps to request permission.
How should you use the logo?
Our logo should be presented in a way that refers to our product and/or our community in a respectful and not misleading way. At the same time we want to strengthen the OpenOffice.org brand by providing a consistent visual impression of our logo.
We want to achieve these goals by the rules and recommendations brought together in these guidelines:
Contents
Logo Usage Guidelines
These logo usage guidelines are also available in the Branding Usage Guidelines
Brand Colors
Please do not use the color picker to extract the colors. The colors shown on your screen may have been already altered by your computer's color management system. |
Logo
Table
|
Blue | Black |
HEX | 0E85CD | 000000 |
RGB | 14 133 205 | 0 0 0 |
CMYK | tbd | tbd |
Pantone | tbd | tbd |
Logo: DO's
White Space Logo
This is the white space that should be left unchanged around the logo:
NLC logo
Whitespace
Example with the Liberation Sans font type.
Logo Inverse
1. Blue:
2. Black:
Logo Black and White
Logo Grayscale
This is a conversion from a 24-bit image to an 8-bit image to obtain the correct color.
Color code of gray:
Blacktone: 55%
RGB: R 113 - G 113 - B 113
HEX: # 71 71 71
Gulls
- Guidelines on using the gulls by themselves (e.g. the gull orb)
Minimum Sizes
100 x 30 pixel (35 x 11 mm)
Logo DONT's
Colors
Never change the color of the logo or use different shades.
Never outline the logo.
Do not place any imagery inside the logo.
Aspect Ratio
Never stretch the logo from it's original form but respect its aspect ratio.
Background Colour
Don't use background colors that negatively affects readability of the logo.
Place and Elements
Do not place the gulls on a different place.
Trademark Symbol
Do not remove the ™ (trademark symbol)
Font
The best font to use in combination with the OpenOffice.org logo is the open font M plus 1p with broad support of non-Latin areas in Unicode.
If a designer is able to do so, we recommend to round the rectangular dots in the font when creating a graphical work containing this font.
Logo Usage Guidelines Proposals
Members of the Branding initiative have proposed additional logo usage guidelines. Until it is decided if they are accepted, these guidelines will be on the Logo Usage Guideline Proposals wiki page. Bold text