Marketing/Branding

Материал из The Document Foundation Wiki

Index of Pages Marketing Work Items Marketing Material Slogan Proposals Ideas US Marketing Branding Guidelines Ideas Icon Proposals Banner Proposals Avatar (icon) Proposals

This page presents the "LibreOffice Initial Branding" which is intended to be used for the first two releases. It is planned work on the "LibreOffice Community Branding" in the near future. More information ...

Содержание 1 Branding 2 Names 2.1 LibreOffice 2.2 The Document Foundation 3 Key Visuals 3.1 Usage Examples 4 Logos 4.1 Introduction 4.2 Guidelines and Best Practices 4.3 Usage Examples 4.4 Resources 4.4.1 Logo resources for official representation 4.4.2 Logo resources for community members and external use 5 Fonts 5.1 Introduction 5.2 Guidelines and Best Practices 5.3 Resources 6 Colors 6.1 Introduction 6.2 Color Table 6.3 Guidelines and Best Practices 6.4 Usage Examples 6.5 Resources 7 Update Policy 8 Open Points 9 Proposals

Branding

todo: Introduction, ...

Visual Design (temporary description):

• Clean: The visual design is straight and clean. Reduced geometric elements are combined to visualize the intended message.
  
• Balanced: The visual design avoids any extremes. For example, neither extreme coloring nor intensive surface shining effects are used.
  
• Friendly: The visual design creates a smooth and joyful environment. For example, rounded corners and the fresh color palette are used.
  

Names

LibreOffice

The official product name is "LibreOffice". For more information how the name "LibreOffice" was chosen, please have a look at the blog posting Agreeing on the child's name...

Details:

• Don't add a ".org" to the name : Although our aim is to establish a great community project, people tend to forget any ".org" part. Thus, we prefer to use "LibreOffice", only.
• Don't use a whitespace between "Libre" and "Office": Both belongs together, so we prefer "LibreOffice" instead of "Libre Office".

We got questions how to pronounce the name. Here are sound files for both Libre and Office.

Some people asked for an acronym and the unofficial "LibO" has been proposed.

The Document Foundation

The Document Foundation is an independent self-governing meritocratic foundation. For more information, please have a look at the Document Foundation website.

Details:

• The text "Document Foundation" refers to the official name.
  
• The text "The Document Foundation" is used on marketing material and the websites.
  

Key Visuals

todo (document symbol, triangles, gradients, background)

For more information about the "Document Symbol" please have a look at the blog posting 1001 Document Icons

Usage Examples

• Graphic "10th community anniversary"
• Blog posting Colorful and Pretty
  

Logos

Introduction

The logo is both used to represent the software "LibreOffice" and to refer to its home - The Document Foundation.

Guidelines and Best Practices

	Space is information, although it seems that "nothing" is there. So please avoid to place any other elements close to the logo. More detailed, at least half the width of the "Document Symbol" is used for: space around the logo between the "Document Symbol" and the logo text
	You may use a stand alone "LibreOffice" text.
	You may use a stand alone "Document Symbol".
	Don't change the position or the order of the branding elements.
	Don't change the logo by e.g. adding additional graphic elements to the "Document Symbol".
	Don't change the aspect ration of the graphic by stretching it (e.g. changing either height or width). Please keep the aspect ratio and take care that the graphic works pixel perfect on any display.
	Dont' change the spacing of the elements. In this example, the minimum size between "Document Symbol" and the logo text is too small.

Usage Examples

• Blog posting Colorful and Pretty
  

Resources

The LibreOffice logo consists of a symbol resembling sheet of paper with a cut-off right upper corner (like an arrow pointing up) and the writing "LibreOffice". For official representation of the community a sub-line "The Document Foundation" can be added, other appearances should use the version without subline.

For details please have a look at the Logo policy wiki page.

Logo resources for official representation

	Color Logo Basic	Color Logo Contemporary	Grayscale Logo	Black/White Logo	Inverted Logo
Preview
Bitmap 2000px width (PNG large)	Download (PNG large)	Download (PNG large)	Download (PNG large)	Download (PNG large)	Download (PNG large)
Bitmap 500px width (PNG small)	Download (PNG small)	Download (PNG small)	Download (PNG small)	Download (PNG small)	Download (PNG small)
Vector (EPS)	todo	todo	todo	todo	todo
Source (SVG)	Download (SVG) containing all logo styles
Website	todo

Logo resources for community members and external use

If the LibreOffice Logo is used by people not representing The Document Foundation, by single community members or outside the community, a logo without the subline "The Document Foundation" should be used.

This logo is available as SVG source file as well as ready-to-use PNG files in different scales:

Image	PNG raster format (RGB color model)	SVG vector format (RGB color model)	EPS vector format (CMYK color model)	other formats/color models (Pantone, HKS)
LibreOffice external logo	100 px width 200 px width 300 px width 600 px width 1200 px width 3000 px width	SVG source file	Please ask at the Design mailing list for such files	Please ask at the Design mailing list for such files

Fonts

Introduction

The font "Vegur" has been selected for the use within the LibreOffice logo and accompanying text. It was important to find something that appears to be elegant, friendly and clean. For more information how the font has been selected and the text logo has been developed, please have a look at the blog posting Fontastic! How LibreOffice got its font ....

It is known that the font currently lacks some international support, so there is a need for either using additional fonts or replacing this font with a free alternative with improved international support. Until we have a full replacement, the font "Vegur" should work fine in most cases.

Guidelines and Best Practices

	LibreOffice is the name of the product, whereas ... ... Libre is "bold" to emphasize its meaning ... Office is "normal" to avoid thickness and being visually bloated or aggressive.
	Don't use the font "Vegur" to mimic the LibreOffice logo text. The spacing has been improved; if possible, use the logo graphic files.
	Don't use different fonts within the logo. Instead, use the logo graphic files.
	Don't change the emphasis of the logo text. The emphasis is on "Libre" (bold), not "Office" (normal).

Resources

License: Public Domain

• Vegur Font @ FontSpace (external site, English)
• Vegur Font @ dotcolon.net, the original designer's website (external site, Japanese)

Colors

Introduction

Colors play an important role for recognizing the brand and to communicate the brand value. For more information how this palette has been developed, please have a look at the blog posting United Colors of Liberty (color draft) and todo (current colors).

Color Table

Color and Name	HEX RGB Triple	RGB values	CMYK	Type	Comment
Green 0	106802	16 104 2	85 0 98 59	Secondary Color
Green 1	18A303	24 163 3	85 0 98 36	Primary Color	LibreOffice Main Color
Green 2	43C330	67 195 48	66 0 75 24	Secondary Color
Green 3	92E285	146 226 133	35 0 41 11	Secondary Color
Green 4	CCF4C6	204 244 198	16 0 19 4	Secondary Color
Blue 0	023F62	2 63 98	98 36 0 62	Secondary Color
Blue 1	0369A3	3 105 163	98 36 0 36	Primary Color
Blue 2	1C99E0	28 153 224	88 32 0 12	Secondary Color
Blue 3	63BBEE	99 187 238	58 21 0 7	Secondary Color
Blue 4	AADCF7	170 220 247	31 11 0 3	Secondary Color
Orange 0	622502	98 37 2	0 62 98 62	Secondary Color
Orange 1	A33E03	163 62 3	0 62 98 36	Primary Color
Orange 2	D36118	211 97 24	0 54 89 17	Secondary Color
Orange 3	F09E6F	240 158 111	0 34 54 6	Secondary Color
Orange 4	F9CFB5	249 207 181	0 17 27 2	Secondary Color
Purple 0	530260	83 2 96	14 98 0 62	Secondary Color
Purple 1	8E03A3	142 3 163	13 98 0 36	Primary Color
Purple 2	C254D2	194 84 210	8 60 0 18	Secondary Color
Purple 3	DC85E9	220 133 233	6 43 0 9	Secondary Color
Purple 4	F2CBF8	242 203 248	2 18 0 3	Secondary Color
Yellow 0	876900	135 105 0	0 22 100 47	Secondary Color
Yellow 1	C99C00	201 156 0	0 22 100 21	Primary Color
Yellow 2	E9B913	233 185 19	0 21 92 9	Secondary Color
Yellow 3	F5CE53	245 206 83	0 16 66 4	Secondary Color
Yellow 4	FDE9A9	253 233 169	0 8 33 1	Secondary Color
Green Accent	2CEE0E	44 238 14	82 0 94 7	Tertiary Color
Blue Accent	00A0FC	0 160 252	100 37 0 1	Tertiary Color
Orange Accent	FC5C00	252 92 0	0 63 100 1	Tertiary Color
Purple Accent	E327FF	227 39 255	11 85 0 0	Tertiary Color
Yellow Accent	FFD74C	255 215 76	0 16 70 0	Tertiary Color

There's also information available on Color blindness issues.

Guidelines and Best Practices

	The base color for the logo and all the artwork is LibreGreen 1. The main color may be combined with the accent colors (and its color variations) and any kind of gray (including white and black). The colored logo works best on white or light gray background.
	If the background color is rather dark, please use the inverse logo instead.
	Don't exchange the color for parts of the logo text.
	Don't use the colored logo version on a background that is either very intense or very dark. Do use the inverse color version instead.
	Don't use the colored logo version on accent color backgrounds. Do use the inverse color version instead.

Usage Examples

• The Document Foundation Website
• The Document Foundation Planet
• Graphic "10th community anniversary"

Resources

LibreOffice_Initial-Branding-Colors.zip contains:

• .gpl color palette for the use in Inkscape (Inkscape installation instructions) or The Gimp (The Gimp installation Instructions)
• .soc color palette for the use in LibreOffice and OpenOffice.org (Usage instructions in user mail)
  
• spreadsheet document for the development of color palettes and wiki source code

Update Policy

Please propose changes of the brand elements to the Marketing team. Please do never change values on your own - the team depends on consistent information that has to be discussed and agreed upon in advance. Thanks!

For the branding team; if any of the brand elements change, please make sure:

• Check all brand items thoroughly if there is a need to be updated, too.
• Inform the Marketing Team
• Inform the Website Team
• Prepare changes for the product

Open Points

• Documentation: Work on the items marked "todo" on this page (e.g. write an introduction, explain the branding language)
• Colors: Updates of the "Guidelines and Best Practices" and the color names (used within the text).
• Colors: Announce the color change with a blog post and link to this blog post (otherwise people may think the "old" colors are still valid
• Logos: Add the logos in the prepared table and check the logo names (used within the text).
• Logos: Add additional margin requirements / graphics for "Document Symbol only" and "LibreOffice Text only"
• Logos: Add size requirements (if required, e.g. minimum size for print output)
• Logos: Add the requirement to limit the number of variations of the "Document Symbol" (proposal by Olivier, current exception is the "Planet Logo")
• Add special logos created for the websites (pixel perfect bitmap graphics)
• Add more examples to explain the usage of the branding page
• 2011-04-18 Christoph, Motif: Add the motif description and the source files
• 2011-04-18 Christoph, Colors: Update the green accent color according to the mail by Nik.
• 2011-04-18 Bernhard, Branding-Page: Move the page to the wiki root tree and update its structure.
• 2011-04-24 Christoph: Remove BrOffice logos from the branding files, according to announcement of BrOffice to LibreOffice name transition by Luiz Oliviera

Proposals

• Banner Proposals: Banner Proposals
• Avatar Proposals: Avatar (icon) Proposals

---

Templates used on this page

MarketingIndex