Marketing/InitialBranding/zh-cn

    From The Document Foundation Wiki
    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

    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 (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)
    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

    LibreOffice introduced the Community flavor with release 7.1.

    LibreOffice community logo

    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 DomainWikipedia logo v3.svg

    • 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

    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:

    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.

    Banner

    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.

    Banner

    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:

    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