Difference between revisions of "Branding Initiative/branding guidelines draft"

From Apache OpenOffice Wiki
Jump to: navigation, search
(Minimum Sizes)
Line 85: Line 85:
  
 
[[Image:Logo_OOo_invers_black.png]]
 
[[Image:Logo_OOo_invers_black.png]]
 +
 +
<br>
  
 
=== Logo Black and White ===
 
=== Logo Black and White ===
  
 
[[Image:Logo OOo bw.png]]
 
[[Image:Logo OOo bw.png]]
 +
 +
<br>
 +
 +
=== Logo Grayscale (Proposal) ===
 +
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 ===
 
=== Gulls ===
  
 
* Guidelines on using the gulls by themselves (e.g. the gull orb)
 
* Guidelines on using the gulls by themselves (e.g. the gull orb)
 +
 +
<br>
  
 
=== Minimum Sizes ===
 
=== Minimum Sizes ===
Line 100: Line 117:
 
100x30px
 
100x30px
  
== Logo DON'Ts  ==
+
<br>
  
=== Don't change colors ===
+
== Incorrect use of the logo ==
  
Never change the color of the logo.
+
=== Colors  ===
  
[[Image:New logo dont change color.png]]  
+
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>  
 
<br>  
  
=== Don't stretch the logo ===
+
=== 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 118: Line 145:
 
<br>  
 
<br>  
  
=== Use an appropriate background color ===
+
=== Background Colour ===
  
 
Don't use background colors that negatively affects readability of the logo.  
 
Don't use background colors that negatively affects readability of the logo.  
Line 126: Line 153:
 
<br>  
 
<br>  
  
=== Do not move the elements ===
+
=== Place and Elements ===
  
 
Do not place the gulls on a different place.  
 
Do not place the gulls on a different place.  
Line 132: Line 159:
 
[[Image:New logo dont move elements.png]]  
 
[[Image:New logo dont move elements.png]]  
  
=== Don't remove the trademark symbol ===
+
<br>
 +
 
 +
==== Trademark Symbol ====
 +
Do not remove the &trade; (trademark symbol)
 +
 
 +
[[Image:Logo-do-not-remove-trademark.png]]
  
* (?)
 
  
 
[[Category:Visual_Design]] [[Category:Branding]] [[Category:Marketing]] [[Category:Art]]
 
[[Category:Visual_Design]] [[Category:Branding]] [[Category:Marketing]] [[Category:Art]]

Revision as of 18:06, 13 May 2010


Branding Guidelines Draft

This is a draft for the OpenOffice.org Branding Guidelines. Elements for discussion can be posted here. The content of this site is not yet official.


Identity Statement

Mission Statement

To create, as a community, the leading international office suite that will run on all major platforms and provide access to all functionality and data through open-component based APIs and an XML-based file format.
  • What does OOo stand for? What general ideas/statements do we want OOo's branding to be guided by?

OpenOffice.org stands for

  • Openness
  • Freedom
  • Interoperability (Standards)
  • ...

How OpenOffice.org's branding reflects this

  • How do the aforementioned values translate to OOo's branding: minimalism? sharp/crisp/clear presentation? This is an opportunity to set some directions for designers (it could also be developed on the way as OOo's new branding develops)

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


Logo: DO's

Here are two proposals for the white space rule for the logo:

1. File:Logo OOo space more.png


2.Logo OOo space.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 (Proposal)

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

100x30px


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

Personal tools