LibreOffice Branding Guidelines

From The Document Foundation Wiki
Jump to: navigation, search
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".

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

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

LibreOffice-Initial-Artwork-Colors Guidelines Valid2.png

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
LibreOffice-Initial-Artwork-Logo Guidelines Spacing.png
LibreOffice-Initial-Artwork-Logo Guidelines Valid2.png
  • You may use a stand alone "LibreOffice" text.
LibreOffice-Initial-Artwork-Logo Guidelines Valid3.png
  • You may use a stand alone "Document Symbol".
LibreOffice-Initial-Artwork-Logo Guidelines Invalid1.png
  • Don't change the position or the order of the branding elements.
LibreOffice-Initial-Artwork-Logo Guidelines Invalid2.png
  • Don't change the logo by e.g. adding additional graphic elements to the "Document Symbol".
LibreOffice-Initial-Artwork-Logo Guidelines Invalid3.png
  • 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.
LibreOffice-Initial-Artwork-Logo Guidelines Invalid4.png
  • 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

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 LibreOffice Initial-Artwork-Logo ColorLogoBasic 500px.png LibreOffice Initial-Artwork-Logo ColorLogoContemporary 500px.png LibreOffice Initial-Artwork-Logo GrayscaleLogo 500px.png LibreOffice Initial-Artwork-Logo BlackWhiteLogo 500px.png LibreOffice Initial-Artwork-Logo InvertedLogo 500px.png
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

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 ....

Since Version 0.7 (September 2012) Vegur has international support.

Guidelines and Best Practices

LibreOffice-Initial-Artwork-Colors Guidelines Valid1.png 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.
LibreOffice-Initial-Artwork-Fonts Guidelines Invalid1.png
  • Don't use the font "Vegur" to mimic the LibreOffice logo text. The spacing has been improved; if possible, use the logo graphic files.
LibreOffice-Initial-Artwork-Fonts Guidelines Invalid2.png
  • Don't use different fonts within the logo. Instead, use the logo graphic files.
LibreOffice-Initial-Artwork-Fonts Guidelines Invalid3.png
  • Don't change the emphasis of the logo text. The emphasis is on "Libre" (bold), not "Office" (normal).

Resources

License: Public Domain Wikipedia logo v3.svg

  • 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

LibreOffice-Initial-Artwork-Colors Guidelines Valid1.png
  • 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.
LibreOffice-Initial-Artwork-Colors Guidelines Valid2.png
  • If the background color is rather dark, please use the inverse logo instead.
LibreOffice-Initial-Artwork-Colors Guidelines Invalid1.png
  • Don't exchange the color for parts of the logo text.
LibreOffice-Initial-Artwork-Colors Guidelines Invalid2.png
  • 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.
LibreOffice-Initial-Artwork-Colors Guidelines Invalid3.png
  • 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:

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