Difference between revisions of "Logo Usage Guidelines"

From Apache OpenOffice Wiki
Jump to: navigation, search
(First draft - not yet finished)
 
(Undo revision 242302 by Sancho (talk))
 
(12 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{| style="background:Moccasin; border: 1px solid DarkOrange; text-align:center"
+
= '''Logo Usage Guidelines version 1.0 '''<br>  =
|-
+
|style="font-size:120%"|This page is in a DRAFT state! Modifications will take place WITHOUT ANY FURTHER NOTICE!
+
|-
+
|Don't rely on information given here if you need guidelines for your work. Even if the discussion about the content of this page is in a final stage, major changes might become true during the next days or weeks. Please join the discussions on our [[Branding_Mailing_List|mailing list]] if you want to take part in these decisions.
+
|}
+
  
 +
=== What do we mean by talking about the OpenOffice.org logo?  ===
  
 +
This is the present OpenOffice.org logo: <br>
  
=== WHAT : What do we mean by talking about the OpenOffice.org logo? ===
+
<br>[[Image:Ooo-main-logo-2col 200px.gif]] <br>  
This is the present OpenOffice.org logo:
+
<br/><br/>
+
  
<br/>[[File:Ooo-main-logo-2col_200px.gif|link=logo]]
+
<br>  
<span style="font-size:75%">Copyright © 2010, Oracle and/or its affiliates. All rights reserved.</span>
+
<br/>
+
  
 +
Copyright © 2010, Oracle and/or its affiliates. All rights reserved. <br>
  
=== IF : Are you allowed to use the logo? ===
+
=== 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 [[OpenOffice.org Trademark Policy]] asking you to use our brand only to refer to our product and our community.
+
  
 +
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. 
  
=== HOW : In which surroundings should you use the logo? ===
+
<br>
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:
+
=== How should you use the logo?  ===
  
__TOC__
+
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.
  
==== Logo colors and background ====
+
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].}}  
  
The OpenOffice.org logo consists of these colors:
+
=== Logo  ===
 +
 
 +
[[Image:OOo color web.png]]
 +
 
 +
<br>
 +
 
 +
=== Table  ===
  
 
{| class="prettytable"
 
{| class="prettytable"
 
|-
 
|-
| height="80"|
+
| width="100" height="100" | <br>
| colspan="2"|[[File:Ooo-main-logo-2col_200px.gif|150px|center]]
+
| 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="50" |
+
| width="150" align="center" style="background: rgb(14, 133, 205) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: white;" | '''Blue'''  
+
| width="150" align="center" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: white;" | '''Black'''
+
 
|-
 
|-
 
| HEX  
 
| HEX  
| # 0E85CD  
+
| 0E85CD  
| # 000000
+
| 000000
 
|-
 
|-
 
| RGB  
 
| RGB  
| <span style="color: maroon;">14</span>, <span style="color: green;">133</span>, <span style="color: navy;">205</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: green;">0</span>, <span style="color: navy;">0</span>
+
| <span style="color: maroon;">0</span> <span style="color: green;">0</span> <span style="color: navy;">0</span>
 
|-
 
|-
 
| CMYK  
 
| CMYK  
| not yet defined
+
| tbd
| not yet defined
+
| tbd
 
|-
 
|-
 
| Pantone  
 
| Pantone  
| not yet defined
+
| tbd
| not yet defined
+
| tbd
 
|}
 
|}
  
 +
[[Image:OOo colors.png]] <br>
  
The logo works best on a white background, but it can be placed on light blue background too, if the blue tone fits to our logo's color and is light enough to keep the contrast to the logo.
+
== Logo: DO's ==
  
For darker backgrounds we provide an inverted (white only) logo, that can be positioned on backgrounds in the logo colors: Black (#000000) and Blue (#0E85CD).
+
=== White Space Logo  ===
  
[[Image:OOo colors.png]]
+
This is the white space that should be left unchanged around the logo:  
  
Different colored backgrounds to the logo or gradients extending the light blue background (#ECF5FB) should be avoided. Use a [[#Whitespace|white area]] behind the logo instead.
+
[[Image:Logo OOo space.png]] <br> <br>
  
[[Image:New logo use appropriate bg1.png]] [[Image:New logo use appropriate bg2.png]]
+
=== NLC logo <br>  ===
  
We provide two more versions of our logo for special use-cases: Black only for monochrome printing without any other colors and Grey/Black for greylevel printers. Please be aware that only the Blue/Black logo is the original OpenOffice.org logo that should be used wherever possible.
+
Whitespace
  
{| class="prettytable"
+
[[Image:Logo-nlc-whitespace-example.png]]  
|-
+
| height="80"|
+
| [[File:Logo_OOo_bw.png|150px|center]]
+
| colspan="2"|[[File:Logo-greyscale.png|120px|center]]
+
|-
+
| width="100" height="50" |
+
| width="200" align="center" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: white;" | '''Black only'''
+
| width="100" align="center" style="background: rgb(113, 113, 113) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: white;" | '''Grey (55%)'''
+
| width="100" align="center" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: white;" | '''Black'''
+
|-
+
| HEX
+
| # 000000
+
| # 717171
+
| # 000000
+
|-
+
| RGB
+
| <span style="color: maroon;">0</span>, <span style="color: green;">0</span>, <span style="color: navy;">0</span>
+
| <span style="color: maroon;">113</span>, <span style="color: green;">113</span>, <span style="color: navy;">113</span>
+
| <span style="color: maroon;">0</span>, <span style="color: green;">0</span>, <span style="color: navy;">0</span>
+
|-
+
| CMYK
+
| not yet defined
+
| not yet defined
+
| not yet defined
+
|-
+
| Pantone
+
| not yet defined
+
| not yet defined
+
| not yet defined
+
|-
+
| Percentage Black
+
| 100%
+
| 55%
+
| 100%
+
|}
+
  
 +
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 OOo bw.png]]
 +
 +
<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>
 +
 +
=== 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>
  
==== No other modifications to the logo ====
+
== Logo DONT's<br>  ==
  
As already defined in the [[OpenOffice.org Trademark Policy|Trademark Policy]] the logo is not allowed to be modified. This includes changes in color or shades, outlines and sub- or superposed images as well as aspect ratio and (re)moving parts of the logo:
+
=== Colors  ===
  
 
Never change the color of the logo or use different shades.  
 
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]]
+
[[Image:Logo-do-not-change-colors.png]] [[Image:Logo-do-not-use-tinted-versions.png]]  
  
 
Never outline the logo.  
 
Never outline the logo.  
  
[[Image:Logo-do-not-outline.png]]
+
[[Image:Logo-do-not-outline.png]]  
  
Do not place any imagery inside the logo.
+
Do not place any imagery inside the logo.  
  
[[Image:Logo-do-not-place-imagery.png]]
+
[[Image:Logo-do-not-place-imagery.png]]  
  
 
<br>  
 
<br>  
 +
 +
=== Aspect Ratio  ===
  
 
Never stretch the logo from it's original form but respect its aspect ratio.  
 
Never stretch the logo from it's original form but respect its aspect ratio.  
Line 135: Line 150:
  
 
<br>  
 
<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.  
 
Do not place the gulls on a different place.  
Line 140: Line 165:
 
[[Image:New logo dont move elements.png]]  
 
[[Image:New logo dont move elements.png]]  
  
Do not remove the &trade; (trademark symbol)  
+
<br>
 +
 
 +
=== Trademark Symbol  ===
 +
 
 +
Do not remove the (trademark symbol)  
 +
 
 +
[[Image:Logo-do-not-remove-trademark.png]]
  
[[Image:Logo-do-not-remove-trademark.png]]
+
=== Font  ===
  
==== Whitespace ====
+
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.
  
to be done ....
+
[[Image:Test-m-plus-font-OOo.jpg|450px]] [[Image:M plus 1p numbers.PNG|300px]]
  
==== reduced whitespace for project internal usage ====
+
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.
  
to be done ....
+
== Logo Usage Guidelines Proposals  ==
  
==== accompanying font ====
+
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'''
  
to be done ....
+
[[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:


Ooo-main-logo-2col 200px.gif


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:

Logo Usage Guidelines

These logo usage guidelines are also available in the Branding Usage Guidelines

Brand Colors

Documentation caution.png 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.

OOo color web.png


Table


Blue Black
HEX 0E85CD 000000
RGB 14 133 205 0 0 0
CMYK tbd tbd
Pantone tbd tbd

OOo colors.png

Logo: DO's

This is the white space that should be left unchanged around the logo:

Logo OOo space.png

Whitespace

Logo-nlc-whitespace-example.png

Example with the Liberation Sans font type.

Example-logo-nlc-with-line.png

Logo Inverse

1. Blue:

Logo OOo invers blue.png

2. Black:

Logo OOo invers black.png


Logo Black and White

Logo OOo bw.png


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

Logo-greyscale.png


Gulls

  • Guidelines on using the gulls by themselves (e.g. the gull orb)


Minimum Sizes

Logo min 100.png

100 x 30 pixel (35 x 11 mm)


Logo DONT's

Colors

Never change the color of the logo or use different shades.

Logo-do-not-change-colors.png Logo-do-not-use-tinted-versions.png

Never outline the logo.

Logo-do-not-outline.png

Do not place any imagery inside the logo.

Logo-do-not-place-imagery.png


Aspect Ratio

Never stretch the logo from it's original form but respect its aspect ratio.

New logo dont stretch1.png New logo dont stretch2.png


Background Colour

Don't use background colors that negatively affects readability of the logo.

New logo use appropriate bg1.png New logo use appropriate bg2.png


Place and Elements

Do not place the gulls on a different place.

New logo dont move elements.png


Trademark Symbol

Do not remove the ™ (trademark symbol)

Logo-do-not-remove-trademark.png

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.

Test-m-plus-font-OOo.jpg M plus 1p numbers.PNG

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

Personal tools