Difference between revisions of "Logo Usage Guidelines"

From Apache OpenOffice Wiki
Jump to: navigation, search
(next paragraph: whitespace)
(Undo revision 242302 by Sancho (talk))
 
(11 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]]
  
−
==== No other modifications to the logo ====
+
=== Logo Inverse  ===
  
−
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:
+
'''1. Blue: '''
  
−
Never change the color of the logo or use different shades.  
+
[[Image:Logo OOo invers blue.png]]
  
−
[[Image:Logo-do-not-change-colors.png]] [[Image:Logo-do-not-use-tinted-versions.png]]
+
'''2. Black:'''
  
−
Never outline the logo.  
+
[[Image:Logo OOo invers black.png]]
  
−
[[Image:Logo-do-not-outline.png]]
+
<br>
  
−
Do not place any imagery inside the logo.
+
=== Logo Black and White  ===
  
−
[[Image:Logo-do-not-place-imagery.png]]
+
[[Image:Logo OOo bw.png]]  
  
 
<br>  
 
<br>  
  
−
Never stretch the logo from it's original form but respect its aspect ratio.
+
=== Logo Grayscale  ===
  
−
[[Image:New logo dont stretch1.png]] [[Image:New logo dont stretch2.png]]  
+
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>  
  
−
Do not place the gulls on a different place.
+
=== Gulls  ===
  
−
[[Image:New logo dont move elements.png]]
+
*Guidelines on using the gulls by themselves (e.g. the gull orb)
  
−
Do not remove the &trade; (trademark symbol)
+
<br>
  
−
[[Image:Logo-do-not-remove-trademark.png]]
+
=== Minimum Sizes  ===
  
 +
[[Image:Logo min 100.png]]
  
 +
100 x 30 pixel (35 x 11 mm) <br>
  
−
==== Minimal Logo Size ====
+
<br>
  
−
Our logo should be able to be recognized at first sight, so we ask you not to reduce it's size to less than 100x30 pixel in digital media and 35x11 mm when printed.
+
== Logo DONT's<br>  ==
  
 +
=== Colors  ===
  
−
[[Image:Logo min 100.png]]
+
Never change the color of the logo or use different shades.  
  
−
100 x 30 pixel (35 x 11 mm) <br>
+
[[Image:Logo-do-not-change-colors.png]] [[Image:Logo-do-not-use-tinted-versions.png]]
  
−
Some material is normally looked at from larger distances (like posters). Here larger sizes might be appropriate, but defining these sizes not easy.  
+
Never outline the logo.  
  
−
As a rough estimation try to hide the logo behind a pencil held with straight arm. If the logo can't be covered by the pencil, it is large enough.
+
[[Image:Logo-do-not-outline.png]]
  
 +
Do not place any imagery inside the logo.
  
 +
[[Image:Logo-do-not-place-imagery.png]]
  
−
==== General white space around the logo ====
+
<br>
  
−
Every graphical element needs some space around it to be recognized as independent element. For the OpenOffice.org logo the minimum space around the text and the gulls is as large as the height of the large "O".
+
=== Aspect Ratio  ===
  
−
[[Image:Logo_whitespace.png]]
+
Never stretch the logo from it's original form but respect its aspect ratio.  
  
−
If you use the logo on a closed area around it, it is recommended to add a rounded rectangle around the minimal whitespace (half the height of the "0" to any side, reaching the rectangular whitespace at the corners).
+
[[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>
  
−
For visual balance the "TM" sign is not part of the area that should be surrounded by the whitespace. The right border is one "O" height right of the utmost part of the "g".
+
=== Trademark Symbol  ===
  
−
Even if leaving an empty area behind the logo is described as "whitespace", other colors can be used as background, as you can read [[#Logo_colors_and_background|above]].
+
Do not remove the ™ (trademark symbol)
  
 +
[[Image:Logo-do-not-remove-trademark.png]]
  
 +
=== Font  ===
  
−
==== reduced whitespace for project internal usage ====
+
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]]
  
 +
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  ==
  
−
==== 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

Retrieved from "https://wiki.openoffice.org/w/index.php?title=Logo_Usage_Guidelines&oldid=244570"
Personal tools