Difference between revisions of "Branding Initiative/branding guidelines draft"
(→Fonts: comparison based on numbers) |
|||
Line 1: | Line 1: | ||
− | <br | + | <br> |
= Branding Guidelines Draft = | = 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. | + | 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. <br> Discussion happens either on the [[Branding Mailing List|branding mailing list]] or from time to time [[Application Rebranding - Project Home Page/Logo Guidelines|on IRC]]. <br> |
− | <br | + | |
− | Discussion happens either on the [[ | + | |
− | <br | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | == Identity Statement == | |
− | * What does OOo stand for? What general ideas/statements do we want OOo's branding to be guided by? | + | === Mission Statement === |
+ | <blockquote>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.</blockquote> | ||
+ | *What does OOo stand for? What general ideas/statements do we want OOo's branding to be guided by? | ||
− | === OpenOffice.org stands for === | + | === OpenOffice.org stands for === |
− | * Openness | + | *Openness |
− | * Freedom | + | *Freedom |
− | * Interoperability (Standards) | + | *Interoperability (Standards) |
− | * Quality | + | *Quality |
− | * Experience | + | *Experience |
− | * Collaboration | + | *Collaboration |
− | === How OpenOffice.org's branding reflects this === | + | === 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) | + | *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 == | == Brand Colors == | ||
Line 33: | Line 28: | ||
{{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 === | + | === Logo === |
[[Image:OOo color web.png]] | [[Image:OOo color web.png]] | ||
− | <br | + | <br> |
=== Table === | === Table === | ||
Line 43: | Line 38: | ||
{| class="prettytable" | {| class="prettytable" | ||
|- | |- | ||
− | | width="100" height="100" | | + | | width="100" height="100" | <br> |
− | | | + | | align="center" width="150" style="background: none repeat scroll 0% 0% rgb(14, 133, 205); -moz-background-inline-policy: continuous; color: white;" | '''Blue''' |
− | | | + | | align="center" width="150" style="background: none repeat scroll 0% 0% rgb(0, 0, 0); -moz-background-inline-policy: continuous; color: white;" | '''Black''' |
|- | |- | ||
| HEX | | HEX | ||
Line 64: | Line 59: | ||
|} | |} | ||
− | [[Image:OOo colors.png]] <br> | + | [[Image:OOo colors.png]] <br> |
== Logo: DO's == | == Logo: DO's == | ||
Line 72: | Line 67: | ||
This is the white space that should be left unchanged around the logo: | This is the white space that should be left unchanged around the logo: | ||
− | [[Image:Logo OOo space.png]] <br> | + | [[Image:Logo OOo space.png]] <br> <br> |
− | === | + | === NLC logo <br> === |
− | + | Whitespace | |
− | + | [[Image:Logo-nlc-whitespace-example.png]] | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | [[Image:Logo-nlc-whitespace-example.png]] | + | |
Example with the Liberation Sans font type. | Example with the Liberation Sans font type. | ||
− | [[Image:Example-logo-nlc-with-line.png]] | + | [[Image:Example-logo-nlc-with-line.png]] |
=== Logo Inverse === | === Logo Inverse === | ||
Line 144: | Line 115: | ||
[[Image:Logo min 100.png]] | [[Image:Logo min 100.png]] | ||
− | 100 x 30 pixel (35 x 11 mm) <br> | + | 100 x 30 pixel (35 x 11 mm) <br> |
− | + | <br> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <br | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
== Incorrect use of the logo == | == Incorrect use of the logo == | ||
Line 194: | Line 125: | ||
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> | ||
Line 230: | Line 161: | ||
<br> | <br> | ||
− | ==== Trademark Symbol ==== | + | ==== Trademark Symbol ==== |
− | Do not remove the | + | |
+ | Do not remove the ™ (trademark symbol) | ||
[[Image:Logo-do-not-remove-trademark.png]] | [[Image:Logo-do-not-remove-trademark.png]] | ||
+ | = Logo Usage Guidelines Proposals = | ||
+ | |||
+ | The following guidelines have been proposed by members of the Branding initiative. As soon as it is decidesd 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]. | ||
[[Category:Visual_Design]] [[Category:Branding]] [[Category:Marketing]] [[Category:Art]] | [[Category:Visual_Design]] [[Category:Branding]] [[Category:Marketing]] [[Category:Art]] |
Revision as of 14:42, 5 November 2010
Contents
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.
Discussion happens either on the branding mailing list or from time to time on IRC.
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)
- Quality
- Experience
- Collaboration
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
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 (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
Gulls
- Guidelines on using the gulls by themselves (e.g. the gull orb)
Minimum Sizes
100 x 30 pixel (35 x 11 mm)
Incorrect use of the logo
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)
Logo Usage Guidelines Proposals
The following guidelines have been proposed by members of the Branding initiative. As soon as it is decidesd if they are accepted these guidelines will be on the Logo Usage Guideline Proposals wiki page.