ubuntu brand guide
TRANSCRIPT
-
8/10/2019 Ubuntu Brand Guide
1/72
Brand Guidelines
-
8/10/2019 Ubuntu Brand Guide
2/72
Ubuntu Brand Guidelines Introduction
We believe that everyone has the right to a high-qualitycomputing experience. And we believe it should be free.
Ubuntu is the best operating system in the world.
Its fast, free and safe. More than an operating system,Ubuntu is at the forefront of a world-changing revolutionthats gathering pace every day. A truly collaborativeeffort with freedom at its heart, Ubuntu is the result ofa growing community working together to producesomething extraordinary.
Our values
-
8/10/2019 Ubuntu Brand Guide
3/72
Ubuntu Brand Guidelines Introduction
A successful visual identity has to be consistent, recognisableand powerful.
The following guidelines should help all of us to create adistinct, professional visual identity that clearly communicatesour brand values.
Please take some time to understand how to apply these
guidelines correctly.
Why do we need guidelines?
-
8/10/2019 Ubuntu Brand Guide
4/72
Ubuntu Brand Guidelines Ubuntu core values
Ubuntu embodies freedom, and is collaborative, preciseand reliable.
Our values
-
8/10/2019 Ubuntu Brand Guide
5/72
Ubuntu Brand Guidelines Brandmarks
The brandmark is the most recognisable feature of any brandidentity. Our new brandmarks represent our core values.
Our brandmarks
-
8/10/2019 Ubuntu Brand Guide
6/72
Ubuntu Brand Guidelines Brandmarks
THE UBUNTU BRANDMARK
Ubuntu has grown up. Weve revisited the
circle-of-friends idea and evolved it. Our new
Ubuntu brandmark has two parts: the word
mark and the symbol.
The word mark -Weve designed a new font,
which harnesses the core values of precision
and reliability in particular. Given that the
theme for the next five years is light,
the preferred use of the word mark is whitetypography on a flat orange-coloured
background.
The symbol -The new symbol simplifies and
sharpens the original circle-of-friends design.
Its leaner, more refined and more
contemporary. Wherever possible, the
symbol should always appear as white on a
flat orange-coloured background.
THE CANONICAL LOGO
The new Canonical brandmark is smart,
precise and focused. It is clearly linked to
Ubuntu but equally clearly differentiated.
The word mark -The Canonical word mark
adopts the same font as the Ubuntu word
mark, but uses capital letters. The preferred
use of the word mark is white typography on
a flat aubergine-coloured background.
The symbol -The new symbol plays on
the ideas of Canonical being focused and
targeted. These ideas strongly relate to
our core values of reliability, precision and
adroitness. Similar to Ubuntu, the symbol
should always appear as white on a flat
aubergine-coloured background wherever
possible.
-
8/10/2019 Ubuntu Brand Guide
7/72
Ubuntu Brand Guidelines Ubuntu and Canonical
UBUNTU AND CANONICAL
A strong, purposeful and vibrant identity for Ubuntu andCanonical are central to our success. In the past, thedistinctive look of Ubuntu lent itself well to pure communitymessaging, but it was hard to use the same approach forCanonicals commercial services. We needed to move awayfrom a one-size-fits-all approach and define a clear, recognisableway to engage every audience.
Bridging the gap
-
8/10/2019 Ubuntu Brand Guide
8/72
Ubuntu Brand Guidelines Our audience
Ubuntu faces a unique and welcome challenge in appealingto a range of users. But these different users expect
different things. We have developed a system which will helpdefine the right look and feel for the right target audience.
A new approachWe have identified six of our core audiences and distilledthem into three groups. Each group represents a differentaudience focus.
The audience spectrumBefore we produce any material, it should be clear where theaudience emphasis lies on the scales between community and
commercial, consumer and enterprise, and user and engineer.This will help us determine which colours and designs to use.
Who are we talking to?
-
8/10/2019 Ubuntu Brand Guide
9/72
Ubuntu Brand Guidelines Audience spectrum
GENERAL DESIGN RULES
Community / Commercial
Orange / aubergine
Consumer / Enterprise
Light aubergine / dark aubergine
Less closely spaced dots / more closely
spaced dots
User / Engineer
Closely spaced dots / widely spaced dots
-
8/10/2019 Ubuntu Brand Guide
10/72
Ubuntu Brand Guidelines Colours
Colour makes a brand instantly recognisable. We like tothink our colour palette is simple, effective and striking.
We have introduced a palette which includes both a fresh,lively orange, and a rich, mature aubergine. The use ofaubergine indicates commercial involvement, while orangeis a signal of community engagement.
A vibrant palette
-
8/10/2019 Ubuntu Brand Guide
11/72
Ubuntu Brand Guidelines Colours
THE COLOUR PALETTE EXPLAINED
Our new palette includes:
ORANGE - For a community focus.
Shades only vary according to hierarchy
of information within tables and diagrams.
LIGHT AND DARK AUBERGINE - For a
consumer focus. Lighter shades indicate
more of a consumer focus, darker shades
indicate more of an enterprise focus.
WARM GREY - For balance. Orange and
aubergine together are very striking.
The addition of warm grey softens the
combination of orange and aubergine
and provides a bridge between the two.
COOL GREY - For typography, particularly
body copy. Black can be quite harsh incombination with aubergine, but grey
delivers more balance while still being legible.
WHITE - For a clean, fresh and light feel.
BLACK - For typography and black-and-whiteversions of the brandmark.
Colour balance chart
We have introduced a colour balance chart
which shows the proportional use of colour
for materials depending on where they sit on
the audience spectrum.
At one end of the scale, where the work is
dominated by the community, the emphasis
is on a fresh palette, the use of white and
orange, and warm grey for balance.
At the other end of the scale, where the work
is more focused on Canonical, the palette is
more refined and grounded, with much more
emphasis on aubergine as the core colour.
For correct colour specifications for print
and screen use, please refer to the colour
palette on page 00.
For specific examples, please refer to the
section How does it all come together?.
Comunity colour balance chart Canonical colour balance chart
-
8/10/2019 Ubuntu Brand Guide
12/72
Ubuntu Brand Guidelines The Ubuntu dots
Widely spaced dots- On the user-engineer spectrum, we tookinspiration from graph paper and engineering blue prints.
When you see widely spaced patterns of dots, the content ismore engineering-oriented than user-oriented.
A large area of widely spaced dots on the page signalengineer orientation only.
A small set of widely spaced dots can be used as a flourish toadd texture to the page.
For specific examples, please refer to the sectionHow does it all come together.
Connecting the dots
-
8/10/2019 Ubuntu Brand Guide
13/72
Ubuntu Brand Guidelines The Ubuntu dots
Closely spaced dots- Copy to follow
For specific examples, please refer to the sectionHow does it all come together.
-
8/10/2019 Ubuntu Brand Guide
14/72
-
8/10/2019 Ubuntu Brand Guide
15/72
Ubuntu Brand Guidelines Producing new work
Whenever youre about to create a new piece of work,please consider the following.
Copy to follow
Producing new work
-
8/10/2019 Ubuntu Brand Guide
16/72
Ubuntu Brand Guidelines Presentations Checklist
Weve created a presentation template to help you use thebrand consistently, please for refer to the section And now
for the detail.By following these guidelines, you should be able to createsimple, effective and dynamic presentations.
Presentations
-
8/10/2019 Ubuntu Brand Guide
17/72
Ubuntu Brand Guidelines Presentations Checklist
GENERAL TIPS
Avoid overcrowding slides with too many
words or images. Keep them simple.
Do not use too many different styles of
chart. Try to create a uniform look to the
presentation and the information will be
much easier for the viewer to understand.
Use the correct typeface and colour palette.
Use the audience spectrum to identify the
colours you should be using.
CHECKLIST
1. Where does the piece of work fit on the
audience spectrum?
2.Am I using the correct colour palette?
3.Am I using the most up-to-date
master template?
4.If I am using photography, is it in the
correct style?
5. Are the charts and diagrams consistent?
6. Am I using the correct font?
7. Am I using the correct version of
the brandmark?
8.Am I using the correct tone of voice?
Please see pages 00 to 00 for detailed specs.
-
8/10/2019 Ubuntu Brand Guide
18/72
-
8/10/2019 Ubuntu Brand Guide
19/72
Ub t B d G id li Ph t h Ch kli t
-
8/10/2019 Ubuntu Brand Guide
20/72
Ubuntu Brand Guidelines Photography Checklist
Photography is a good way to help us contextualise andhumanise content. We use product photography and people
photography. Were more likely to product photography inrelation to Ubuntu and people photography in relation toCanonical.
Our photography uses an aubergine duotone effect.
Photography
Ubuntu Brand Guidelines Photography Checklist
-
8/10/2019 Ubuntu Brand Guide
21/72
Ubuntu Brand Guidelines Photography Checklist
GENERAL TIPS
We use duotone and tritone image treatments
with colours taken from our palette.
We can artificially highlight part of an image
with orange or aubergine.
When signalling community involvement, we
use an orange-and-black duotone.
When signalling Canonical involvement, we
use an aubergine-and-black duotone.In both cases, we can accent, or highlight, a
portion of the image using either orange or
one of the lighter shades of aubergine.
We can add a dot-pattern flourish to signal
Canonical ownership and re-enforce the brand.
CHECKLIST
1. Where does the piece of work fit on the
audience spectrum?
2.Am I using the duotone correctly?
3.Am I using the correct text colour?
4. Have I cropped the image in the correct way?
5. Have I used images from the correct source?
Please see pages 00 to 00 for detailed specs.
Text on photographs should be white, either
directly on the darker portion of the image,
or on a dark swatch of colour placed on tothe image.
You can find approved photographic images
from our photo library at www
Ubuntu Brand Guidelines Our assets
-
8/10/2019 Ubuntu Brand Guide
22/72
Ubuntu Brand Guidelines Our assets
Ubuntu Brand Guidelines Examples Banner
-
8/10/2019 Ubuntu Brand Guide
23/72
Ubuntu Brand Guidelines Examples Banner
Ubuntu Brand Guidelines Examples CD and CD packaging
-
8/10/2019 Ubuntu Brand Guide
24/72
Ubuntu Brand Guidelines Examples CD and CD packaging
-
8/10/2019 Ubuntu Brand Guide
25/72
Ubuntu Brand Guidelines Contents
-
8/10/2019 Ubuntu Brand Guide
26/72
THE BRANDMARK
The brandmark 00
Circle of Friends 00
Colourways
The brandmark 00
Circle of Friends 00
Exclusion zone
The brandmark 00
Circle of Friends 00
Minimum size and small use 00
Positional guides 00
Incorrect use 00
Exceptional use brandmarks
Stacked version 00
Exclusion zone and
minimum size 00
Vertical version 00
THE BRAND ELEMENTS
Colour palette 00
Typography 00
Tone of voice 00
Graphic dot device 00
Pictograms 00
Imagery
Photography 00
Diagrams 00
HOW DOES IT ALL COME TOGETHER?
Advertising 00
Print collateral 00
Banners 00
CD and CD packaging 00
Section 00
AND NOW FOR THE DETAIL
Data sheets 00
Case studies 00
Brochures 00
White paper 00
Stationery 00
Banners 00
CD and CD packaging 00
FILE STRUCTURE AND CONTACTS
File structure
Naming system 15 Colourway chart 16
Contact information 00
Ubuntu Brand Guidelines The Ubuntu brandmark 00
-
8/10/2019 Ubuntu Brand Guide
27/72
Copy to follow
The brandmark
Ubuntu Brand Guidelines The brandmark 00
-
8/10/2019 Ubuntu Brand Guide
28/72
THE UBUNTU BRANDMARK
The Ubuntu brandmark captures the precise and
reliable qualities of the brand in a straight forward
symbol and wordmark.
It is made up of a custom designed font (wordmark),
carefully spaced with a re-drawn Circle of Friendsplaced within a roundel.
Consistent use of the Ubuntu brandmark is essential
in creating a united brand identity. The master
brandmark is supplied as artwork and should never
be altered, distorted or re-created in any way.
Ubuntu Brand Guidelines The brandmark 00
-
8/10/2019 Ubuntu Brand Guide
29/72
WORDMARK REGISTERED TRADEMARK
CIRCLE OF FRIENDS (CoF)ROUNDEL
BRANDMARK ELEMENTS
Wordmark
Logotype created using our unique, custom designed
font. With each letter carefully spaced for the correct feel
and maximum legibilty.
Circle of FriendsA crafted graphic symbol that represents; freedom,
collaboration, precision and reliability.
Roundel
Circular holding device for the Circle of Friends for added
precision and clarity.
Registered Trademark
The Ubuntu word and associated brandmarks are RegisteredTrademarks. When using the Ubuntu brandmark, please
include the , unless the size or location of the brandmark
or reference makes this impossible or detrimental to
the look and feel, in which case you should identify the
brandmark as a Canonical by stating in an appropriate
and obvious place Ubuntu is a registered trademark
of Canonical Ltd.
Ubuntu Brand Guidelines Circle of Friends 00
-
8/10/2019 Ubuntu Brand Guide
30/72
THE CIRCLE OF FRIENDS
The Ubuntu brandmark is made up of the Ubuntu
wordmark and the Ubuntu symbol. This symbol is called
the Circle of Friends.
It has been carefully re-drawn and positioned within
a roundel for precision and added clarity.
Ubuntu Brand Guidelines Colourways The brandmark00
-
8/10/2019 Ubuntu Brand Guide
31/72
white and orange
black and orange
orangewhite and orange (orange Circle of Friends)
blackwhite
AVAILABLE COLOURWAYS
The brandmark is supplied as Pantone and CMYK versions
for print, and HEX versions for web. It can only be used on
one of the Ubuntu colours, shown on page 14.
Never change any of the colours in the brandmark. For
detailed colour specifications refer to page 14.
Ubuntu Brand Guidelines Colourways Circle of Friends00
-
8/10/2019 Ubuntu Brand Guide
32/72
white and orange blackorange white
AVAILABLE COLOURWAYS
The Circle of Friends is supplied as Pantone and CMYK
versions for print, and HEX versions for web. It can only
be used on one of the Ubuntu colours, shown on page 14.
Never change any of the colours in the brandmark.
For detailed colour specifications refer to page 14.
Ubuntu Brand Guidelines Exclusion zone The brandmark00
-
8/10/2019 Ubuntu Brand Guide
33/72
DEFINING THE EXCLUSION ZONE
The Ubuntu brandmark must always have a clear area
surrounding it, free from any other element.
To define this area, measure the height of the roundel
and use half this measure to create the boundary of clear
space around the brandmark.
Ubuntu Brand Guidelines Surrounding space Circle of Friends00
-
8/10/2019 Ubuntu Brand Guide
34/72
DEFINING THE EXCLUSION ZONE
The Circle of Friends, when used on its own, must
always have a clear area surrounding it, free from any
other element.
To define this area, measure the height of the
roundel and use a quarter of this measure to createthe boundary of clear space.
Ubuntu Brand Guidelines Minimum size and small use 00
-
8/10/2019 Ubuntu Brand Guide
35/72
MINIMUM SIZE
Standard version
The standard version of the brandmark must never be
used at a width less than 80mm, as shown above.
No version
Below the width of 80mm, the no registered trademarkversion must be used. It nust never be used at a width
less than 30mm.
Small use version
When it is necessary to use the brandmark at a width less
than 30mm a small use version has been created. This
version must never be used at a width less than 15mm.
Ubuntu Brand Guidelines Positional guides 00
-
8/10/2019 Ubuntu Brand Guide
36/72
CENTERING THE BRANDMARK
When centering the brandmark, it is important to
maintain a visual balance of surrounding space.
Horizontal alignment
Align the mid-point between the u and n with the
centre of the page/screen.
Vertical alignment
Position the brandmark so that the roundel sits
on the centre of the page/screen.
Ubuntu Brand Guidelines Incorrect use 00
-
8/10/2019 Ubuntu Brand Guide
37/72
2. 3.
4. 5. 6.
7.
1.
INCORRECT USE
Ensuring the correct application of the brandmark
is paramount to the Ubuntu brand identity.
By following the guidelines on how to use them
you will help to build a powerful and united identity
for the Ubuntu brand.
Shown on this page are examples incorrect use.
YOU MUST NOT
1. Change the spacing between the individual
elements or characters
2. Change the colour of the wordmark
3. Change the colour of the Circle of Friends
4. Change the arrangement of the elements
5. Place the brandmark at an angle other than
horizontal or vertical
6. Change the proportion of the brandmark
7. Place the brandmark on a non brand colour
Ubuntu Brand Guidelines Exceptional use brandmarks Stacked version00
-
8/10/2019 Ubuntu Brand Guide
38/72
THE UBUNTU STACKED BRANDMARK
For exceptional circumstances, e.g. hardware stickers,
a stacked version of the brandmark has been created.
Consistent use of the Ubuntu brandmark is essential
in creating a united brand identity. The master
brandmark is supplied as artwork and should neverbe altered, distorted or re-created in any way.
Ubuntu Brand Guidelines Exceptional use brandmarks Stacked version00
-
8/10/2019 Ubuntu Brand Guide
39/72
MINIMUM SIZE
Standard stacked version
The standard version of the brandmark must never be
used at a width less than 71mm, as shown above.
No version
Below the width of 71mm, the no registered trademarkversion must be used. It nust never be used at a width
less than 8mm.
DEFINING THE EXCLUSION ZONE
The Ubuntu brandmark must always have a clear area
surrounding it, free from any other element.
To define this area, measure the height of the roundel
and use a quarter of this measure to create the boundary
of clear space around the brandmark.
Ubuntu Brand Guidelines Exceptional use brandmarks Vertical version00
-
8/10/2019 Ubuntu Brand Guide
40/72
Circle of Friends alwaysremains horizontal.
THE UBUNTU VERTICAL BRANDMARK
For exceptional circumstances, e.g. large portrait banners,
a vertical version of the brandmark has been created.
The Circle of Friends
Within the vertical version the Circle of Friends always
remains horizontal.
The master vertical brandmark is supplied as artwork
and should never be altered, distorted or re-created in
any way.
Defining the exclusion zone
The Ubuntu brandmark must always have a clear areasurrounding it, free from any other element.
To define this area, measure the height of the roundel
and use half this measure to create the boundary of clear
space around the brandmark.
Minimum size and small use
The same minimum size and small use rules apply as withthe standard version of the brandmark. Refer to page 08
for details.
Ubuntu Brand Guidelines The Ubuntu brandmark 00
-
8/10/2019 Ubuntu Brand Guide
41/72
Copy to follow
Brandmark identity elements
Ubuntu Brand Guidelines Ubuntu colour palette 00
-
8/10/2019 Ubuntu Brand Guide
42/72
UBUNTU ORANGE
Pantone 1665C0 M79 Y100 K0
HEX #DD4814
WHITE
-C0 M0 Y0 K0
HEX #FFFFFF
BLACK
-C0 M0 Y0 K100
HEX #000000
SERVER
Pantone 7449C66 M98 Y21 K85
HEX #2C001E
CANONICAL AUBERGINEPantone 683C26 M99 Y12 K52
HEX #772953
UBUNTU COLOUR SPECIFICATIONS
Colour is an effective, powerful and instantly recognisable
medium for visual communications. To convey the brand
personality and brand values, there is a sophisticated
colour palette.
These colours are used widely in the brand communications,to convey the precise, reliableand free personality.
PLEASE NOTE: The colours shown on this page are a guide only and
should not be used as an accurate match.
Pantone Matching System is a worldwide printing, publishing and
packaging language for the selection, marketing and control of colour.
PANTONEis a registered trademark of Pantone Inc.
Ubuntu Brand Guidelines Supporting colour palette 00
-
8/10/2019 Ubuntu Brand Guide
43/72
TEXT GREY
Pantone Cool Grey 11C0 M0 Y0 K70
HEX #333333
Used for body copy text only. Used for body
copy text only. Used for body copy text only.
Used for body copy text only. Used for body
copy text only. Used for body copy text only.
Used for body copy text only.
Used for body copy text only. Used for body
copy text only. Used for body copy text only.
Used for body copy text only. Used for body
copy text only. Used for body copy text only.Used for body copy text only.
WARM GREY
Pantone Warm Grey 5C0 M5 Y10 K29
HEX #AEA79F
COOL GREY
Pantone Cool Grey 11C44 M34 Y22 K78
HEX #333333
SUPPORTING COLOUR SPECIFICATIONS
Copy to follow
PLEASE NOTE: The colours shown on this page are a guide only and
should not be used as an accurate match.
Pantone Matching System is a worldwide printing, publishing and
packaging language for the selection, marketing and control of colour.
PANTONEis a registered trademark of Pantone Inc.
Ubuntu Brand Guidelines Colour landscape 00
-
8/10/2019 Ubuntu Brand Guide
44/72
THE AMOUNT OF COLOUR WE USE
Community
Copy to follow
Canonical
Copy to follow
Ubuntu Brand Guidelines Typography 00
-
8/10/2019 Ubuntu Brand Guide
45/72
This is Ubuntu Sans.It is a unique, custom designed
font that has a very distinctivelook and feel.
UBUNTU SANS
The way that typography is used says as much about
our brand as the words themselves.
The Ubuntu typeface has been specially created to
complement the Ubuntu tone of voice. It has a
contemporary style and contains characteristics unique
to the Ubuntu brand that convey a precise, reliable andfree attitude.
It is used to create a strong look and communicate key
brand messages. It has a distinctive look and it must be used
on all communications.
The following pages show the weights available and give
guidelines on how to use typeface correctly.
-
8/10/2019 Ubuntu Brand Guide
46/72
Ubuntu Brand Guidelines Typography How and when to use Ubuntu Sans00
-
8/10/2019 Ubuntu Brand Guide
47/72
Ubuntu Sans Light/Regular
Typeface plays an important rolein defining and strengthening ourpersonality. Leading is important
creating legibility and a good rythmnto the page.
Ubuntu Sans Regular
The following guidelines have been designed to help
all of us create a professional, powerful, precise and
consistent brand identity that clearly communicates the
Ubuntu values.
Use Ubuntu Sans Regular for continuos text and
sub-headings and highlighted copy within body copy.
Refer to How does it all come together? sections for
examples of how to use typography correctly.
The following guidelines have been designed to help
all of us create a professional, powerful, precise and
consistent brand identity that clearly communicates the
Ubuntu values.
Use Ubuntu Sans Regular for continuos text and
sub-headings and highlighted copy within body copy.
Refer to How does it all come together? sections for
examples of how to use typography correctly.
USING LIGHT AND REGULAR
Ubuntu Sans Light
Use Ubuntu Sans Light for
Refer to How does it all come together? sections for
examples of how to use typography correctly.
Leading (line spacing)
For headlines please use 27/30pt.
For continuous text please use Ubuntu Regular
or Ubuntu Light. Please use a 3pt space.
For legibility 9/12 pt is the ideal size and leading.
Ubuntu Sans Regular
Use Ubuntu Sans Regular for continuos text and
sub-headings and highlighted copy within body copy.
Refer to How does it all come together? sections for
examples of how to use typography correctly.
Ubuntu Brand Guidelines Typography How and when to use Ubuntu Sans00
-
8/10/2019 Ubuntu Brand Guide
48/72
Ubuntu Sans Medium/Bold
Typeface plays an important rolein efining an strengt ening ourpersonality. Leading is important
creating egi i ity an a goo ryt mnto the page.
Ubuntu Sans Bold
The following guidelines have been designed to help
all of us create a professional, powerful, precise and
consistent ran i entity t at c ear y communicates t e
Ubuntu values.
Use U untu Sans Regu ar or continuos text an
su - ea ings an ig ig te copy wit in o y copy.
Re er to How oes it a come toget er? sections or
examp es o ow to use typograp y correct y.
The following guidelines have been designed to help
all of us create a professional, powerful, precise and
consistent brand identity that clearly communicates the
Ubuntu values.
Use U untu Sans Regu ar or continuos text an
su - ea ings an ig ig te copy wit in o y copy.
Re er to How does it all come together? sections or
examp es o ow to use typograp y correct y.
TOUPDATEWH
ENFONT
SDELIVE
RED
USING LIGHT AND REGULAR
Ubuntu Sans Medium
Use Ubuntu Sans Medium for
Leading (line spacing)
For headlines please use 27/30pt.
For continuous text please use Ubuntu Regular
or Ubuntu Light. Please use a 3pt space.
For legibility 9/12 pt is the ideal size and leading.
Ubuntu Sans Bold
Use Ubuntu Sans Bold for
-
8/10/2019 Ubuntu Brand Guide
49/72
Ubuntu Brand Guidelines Formats 00
-
8/10/2019 Ubuntu Brand Guide
50/72
FORMATS
Copy to follow
Ubuntu Brand Guidelines The Ubuntu Dots 00
-
8/10/2019 Ubuntu Brand Guide
51/72
INTRODUCING THE UBUNTU DOTS
Copy to follow
Ubuntu Brand Guidelines The Ubuntu Dots Two versions 00
-
8/10/2019 Ubuntu Brand Guide
52/72
DOT SIZE AND SPACING
Widely spaced dots
0.7mm dot, 6mm spacing
Tightly spaced dots
0.3mm dot, 1mm spacing
Ubuntu Brand Guidelines The Ubuntu Dots Usage00
-
8/10/2019 Ubuntu Brand Guide
53/72
THE DEVELOPER DOTS
Diagrams
When creating diagrams, use the widely spaced dots as a
background grid. The tightly spaced dots are used to define
the top and bottom of the diagram along with greating a
title bar and section breaks within the diagram.
Ubuntu Brand Guidelines The Ubuntu Dots Usage00
-
8/10/2019 Ubuntu Brand Guide
54/72
THE ENTERPRISE DOTS
Diagrams
When creating diagrams, use the widely spaced dots as a
background grid. The tightly spaced dots are used to define
the top and bottom of the diagram along with greating a
title bar and section breaks within the diagram.
Ubuntu Brand Guidelines The Ubuntu Dots Usage00
-
8/10/2019 Ubuntu Brand Guide
55/72
KEYLINES AND GRAPHIC ACCENTS
Chart keylines
The tightly spaced dots are used for chart keylines.
The height and width of rows and columns within a chart
must be in increments of 1mm to allow the dots to align
horizontally and vertically.
Graphic accents
Copy to follow
Ubuntu Brand Guidelines The Ubuntu Dots Usage00
-
8/10/2019 Ubuntu Brand Guide
56/72
USING THE CORRECT DOTS
Wide spaced dots
When communications are developer lead, or are aimed
at the developrer market, the widely spaced dots must
be used.
Tight spaced dots
When communications are enterprise lead, or are aimed
at the enterprise market, the tightly spaced dots must
be used.
Combination of wide and tight dots
When communications are both developer and enterprise
lead, or are aimed at the developer and enterprise market,
a combination of both dots must be used.
The dot size and spacing have been designed so as that
Ubuntu Brand Guidelines The Ubuntu Dots Large format use two versions00
-
8/10/2019 Ubuntu Brand Guide
57/72
DOT SIZE AND SPACING
Widely spaced dots
4mm dot, 36mm spacing
Tightly spaced dots
2mm dot, 6mm spacing
Applying the dots
Follow the rules from the previous pages as a guide
to when and how to use each version of the large
format dots.
Ubuntu Brand Guidelines The Ubuntu Pictograms 00
-
8/10/2019 Ubuntu Brand Guide
58/72
PICTOGRAMS
Above are a few examples of our pictograms. They mirror
the circular aspect of both the CoF and the Canonical logo.
We use them in both print and on the web. They are used
to represent a word or an idea.
COLOURS
You can use the pictograms in any of the three colours.
Never mix the colours together. Use orange for Ubuntu,
aubergine for Canonical and the warm grey for any
neutral environment.
See colour section for references.
CREATING NEW ICONS GUIDING PRINCIPLES
When creating new icons we have some guiding pinciples:
1. The style is very simple and graphic
2. Avoid duplication
3. The main element is the circle
4. Use one of the three colours, but only one in each
individual pictogram
5. Use the above pictograms as reference
Ubuntu Brand Guidelines The Ubuntu Pictograms Colourways00
-
8/10/2019 Ubuntu Brand Guide
59/72
COLOURWAYS
When using the pictograms they should be in one colour
only, either on a white background or one of the brand
colours as shown above.
Ubuntu Brand Guidelines Ubuntu brand extensions 00
-
8/10/2019 Ubuntu Brand Guide
60/72
CREATING BRAND EXTENSIONS
When creating brand extensions this is the format to use.
Always used in landscape format using the half X exclusion
zone ratio.
The CAP height of the extension is equal to the height of the
u in the brandmark.
Shown above are examples of correct colourways.
Ubuntu Brand Guidelines Ubuntu partner logos 00
-
8/10/2019 Ubuntu Brand Guide
61/72
GOLD
HEX #C99B4B
CMYK C15 M30 Y80 K10
Pantone 872
SILVER
HEX #8F8F8C
CMYK TBC
Pantone 877
BRONZE
HEX #AA5B35
CMYK TBC
Pantone 8024
UBUNTU PARTNER LOGOS
Ubuntu Partner badges come in three variants:
gold, silver and bronze.
Ubuntu Brand Guidelines Ubuntu partner logos 00
-
8/10/2019 Ubuntu Brand Guide
62/72
BRANDMARK
PANEL
EXTENSION
PARTNER LOGO ELEMENTS
Made of the Ubuntu brandmark, the extension set in Ubuntu
Regular, placed within a holding device panel.
Master Ubuntu Partner logos are supplied as artworks and
should never be altered, distorted or re-created in any way.
Ubuntu Brand Guidelines Ubuntu partner logos 00
-
8/10/2019 Ubuntu Brand Guide
63/72
CREATING UBUNTU PARTNER LOGOS
1. Always used in landscape format.
2. The CAP height of the extension is equal to the
height of the u in the brandmark.
3. Set the extension in Ubuntu Regular, upper and
lower case.
4. The extension sits on the baseline of the brandmark
with a space of X between the brandmark and
the extension.
5. Use X to determine the size of the panel as
shown above.
6. Panel corners have a radius of X.
Ubuntu Brand Guidelines Ubuntu partner logos 00
-
8/10/2019 Ubuntu Brand Guide
64/72
DEFINING THE EXCLUSION ZONE
The Ubuntu partner logo must always have a clear area
surrounding it, free from any other element.
To define this area, measure the height of the roundel
and use this measure to create the boundary of clear space
around the logo.
Ubuntu Brand Guidelines Ubuntu partner logos 00
-
8/10/2019 Ubuntu Brand Guide
65/72
MINIMUM SIZE
Standard version
The standard version of the brandmark must never be
used at a height less than 14mm, as shown above.
Small use version
Below the height of 14mm, the small use version must be
used. It must never be used at a height less than 7mm.
Ubuntu Brand Guidelines Applying the brand 00
-
8/10/2019 Ubuntu Brand Guide
66/72
Copy to followHow does it all come together?
-
8/10/2019 Ubuntu Brand Guide
67/72
Ubuntu Brand Guidelines Detailed specifications 00
-
8/10/2019 Ubuntu Brand Guide
68/72
Copy to followAnd now for the detail
Ubuntu Brand Guidelines Summary 00
-
8/10/2019 Ubuntu Brand Guide
69/72
recognition, consistency and personality are all keyto delivering a successful brand identity.
Always remember
Ubuntu Brand Guidelines File structure and contact details 00
-
8/10/2019 Ubuntu Brand Guide
70/72
Copy to followHow do I
find out more?
-
8/10/2019 Ubuntu Brand Guide
71/72
COLOUR VERSIONS
Ubuntu Brand Guidelines File structure 00
UBUNTU BRANDMARK COLOURWAY CHART
-
8/10/2019 Ubuntu Brand Guide
72/72
ubuntu_black-orange_pms.eps ubuntu_orange_pms.eps
ubuntu_white-orange_pms.eps ubuntu_white-orange(cof)_pms.eps
ubuntu_black_b-w.eps ubuntu_white_b-w.eps
BLACK AND WHITE VERSIONS
Colour brandmark file name Wordmark Circle of RoundelFriends
ubuntu_black-orange_pms.eps black white orange
ubuntu_orange_pms.eps orange white orange
ubuntu_white-orange_pms.eps white white orange
ubuntu_white-orange(cof)_pms.eps white orange white
Black and White brandmark file name Wordmark Circle of RoundelFriends
ubuntu_black_b-w.eps black white black
ubuntu_white_b-w.eps white black white
CHOOSING THE CORRECT VERSION
Use the examples and chart above to help you
choose the correct version of the brandmark.
The naming of colourways are the same for both
print and web versions, and all file formats.
The examples above are print versions.