Marketing/InitialBranding
TDF LibreOffice Document Liberation Project Community Blogs Weblate Nextcloud Redmine Ask LibreOffice Donate
 |
This page was marked as inactive and is retained for historical reference.
|
| Index of Pages Marketing Branding |
|---|
Branding
Branding is the aspect of marketing that deals with how the brand is perceived. In the case of LibreOffice, this primarily concerns the logo and name, but also affects any future slogans we may use. This page provides information and tips on how the logo and name should be used.
Visual Design:
- 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 belong together, so we prefer "LibreOffice" instead of "Libre Office".
How do you pronounce "LibreOffice"? Listen to the start of our New Features video for an example.
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:
|
|
|
*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 ratio 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. | |
Derivative Logos
Logos that don't represent the LibreOffice software or the Document Foundation, but are related to it in some way, may use the LibreOffice symbol to show the relationship they have to it without adhering to the above guidelines. Examples of derivative logos are logos of the individual LibreOffice modules or the LibreOffice Design Team logo. As the LibreOffice logo is a trademark of the Document Foundation, only official LibreOffice projects may use these derivative logos.
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 | |||
|---|---|---|---|---|---|---|---|
| Format | Type | Width | 
|
|
|
|
|
| PNG | Bitmap | 2000px | Download (PNG large) | Download (PNG large) | Download (PNG large) | Download (PNG large) | Download (PNG large) |
| PNG | Bitmap | 500px | Download (PNG small) | Download (PNG small) | Download (PNG small) | Download (PNG small) | Download (PNG small) |
| EPS | Bitmap | ? | Download (EPS, 300dpi, rasterized!) |
||||
| EPS | Vector | ∞ | Download (EPS) |
Download (EPS) |
Download (EPS) |
Download (EPS) | |
| SVG Source | Vector | ∞ | Download (SVG) containing all logo styles (open this in Inkscape for further details) | ||||
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) |
|---|---|---|---|---|
| 100 px width 200 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 |
Community Logo
LibreOffice introduced the Community flavor with release 7.1.
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 ....
Since Version 0.7 (September 2012) Vegur has international support.
Guidelines and Best Practices
|
|
LibreOffice is the name of the product, whereas ...
|
|
* 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 @ DOT COLON, 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
|
|
|
|
* 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
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
Releases
LibreOffice 7.x series
The design for the 7.x series was done by Bayu Rizaldhan Rayes with some additional work by Muhammad Rivan and the design team.
The complete artwork is available in File:Libo7-Branding.zip. Also see the Blender model created by Barbara Tostes.
LibreOffice 6.x series
Release branding for the 6.x series was done by the community. Out of four proposals the decision was to go with a geometric design based on hexagons.
The complete artwork is available in File:Libo6-Branding.zip as LibreOffice Draw ODG and SVG files. Just the cubes are in File:LibO6.0-Cubes.odg.
LibreOffice 5.x series
Complete banner:
The complete templates for LibreOffice 5.x: File:LibO-series5.zip
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
- Social Media Banners: Social media banners
- Presentation Templates: Presentation templates proposals