LPC Visual Identity Guidelines

Download as pdf or txt
Download as pdf or txt
You are on page 1of 20

VISUAL

IDENTITY
GUIDELINES
Liberal Party of Canada Prepared by: Brenda Guenther, Graphic Designer
Liberal Party of Canada

Visual Identity Guidelines Darrell Dean, Director of Creative and Content


Original Release: April, 2016 Liberal Party of Canada
Last Updated: April, 2016

All copyrights in the text, logos, graphics, symbols, photographs, videos, and other material (the “Works”) provided are owned by either the Liberal Party of Canada or The Federal Liberal Agency of Canada (herein-
after collectively the “Party”) or the Party’s third-party licensors. You are prohibited from copying, reproducing, modifying, distributing, communicating, displaying or performing any of the Works for any purposes,
except if you are (i) an advertising agency of the Party, (ii) a registered Party Electoral District Association, (iii) a nominated candidate of the Party, (iv) a member of the Party’s caucus, or (v) an authorized Officer of
the Party, and will use the Works to (a) campaign under the umbrella of the Party, (b) positively promote the Party’s activities, or (c) inform the public about the Party in a positive manner regarding its activities,
statements and campaigns; or if you have otherwise obtained a prior written authorization to do so by the Party. Nothing stated or implied on this website must be considered a license or authorization to use
the Works by persons and for purposes other than those expressly mentioned above. Without limiting the generality of the foregoing, uses categorized as a commercial endeavour, as well as use of Works of the
Party’s third-party licensors, which are subject to third-party licenses’ terms and conditions, are not covered by the exceptions above. For any questions regarding the use of Works, please contact [email protected].
l p c
i s u
a l
i d e
i t y
Introduction Colours
1 6
What is branding? The Liberal colour palette helps
Why is it so important? with brand recognition.

The Liberal Brand Typography: Lato


2 7
The Liberal brand is about bringing The primary typeface of the Liberal
Real Change to Canadians. Party of Canada, used extensively
throughout all visuals.

The Wordmark Typography: Oswald


3 8
The wordmark is used across all The secondary typeface of the
platforms to identify the brand. Liberal Party of Canada, used for
headers and accents.

The Logo Photography


4 9
The Logo is the main supporting Examples of photography use and
element in the identification of the the official headshots of the Prime
brand. Minister.

The Wordmark Dos Online resources


5 10
and Don’ts
Easy-to-use resources for brand
How to, and not to, use the Liberal elements and photography.
Wordmark.
Introduction Liberal Party of Canada Visual Identity Guidelines 1

What is branding? Branding goes way beyond just the logo or a specific Our brand provides motivation and direction to
Why is it so important? graphic element. our volunteers
This includes how to act, how to win, and how to meet the
When you think about the Liberal brand, you really want to organization’s goals.
think about all the ways that Canadians interact with the
The Liberal brand is party–everything from party colours, logos and websites to A consistent brand helps Canadians know what to expect
about bringing Real the way we interact on the phone, on the doorstep and on A brand that is consistent and clear puts Canadians at ease,
Change to Canadians. social media. because they know exactly what to expect each and every
time they experience the brand.
In short, the brand is how Canadians see us as the Liberal
Party of Canada, including our electoral district associations, Our brand represents all of us and our promises to
provincial and territorial associations, candidates, members Canadians
of parliament, and the national office. It is important to remember that our brand represents all
of us. You are the brand, our volunteers are the brand, our
Maintaining a strong and consistent visual identity marketing materials are the brand. What do they say about
helps to solidify the brand and make each entity visually you, the national party and the leader?
recognizable. It also ensures that your efforts don’t
negatively affect the national brand, or that of the leader. Our brand helps us connect with voters emotionally
Here are some specific reasons why branding is important: A good brand connects emotionally with people at an
emotional level; they feel good when they experience the
Branding promotes recognition brand. Voting is an emotional experience, and having a
If our brand is consistent and easy to recognize, it will help strong brand helps people feel good at an emotional level
people feel more at ease engaging in our efforts. Canadians when they engage with the party.
will certainly recognize Liberal brand assets, including the
(Adapted from http://www.strategynewmedia.com/why-is-branding-
logo, the colour red, and the name and likeness of the leader.
important)

A strong brand generates referrals


People love to tell others about the brands they like. On
the flip side, people can’t tell someone about a brand they
can’t remember. A strong and consistent brand is critical to
generating name recognition and spreading our message.
Liberal Party of Canada Visual Identity Guidelines

New, bold & innovative


The Liberal brand is about bringing Real Change to Canadians.

On October 19, Canadians chose Justin Trudeau, a solid


team of Liberal MPs, and our promise to offer a better, more
open and engaged government. The look and feel of our
communications products must reflect that promise. From
our logo and colours, to our fonts and graphics, the Liberal
visual identity in 2016 will continue to push the limits and
innovate for the future.

With a focus on Justin Trudeau, our simple yet incredibly


versatile design elements will help Liberals from across the
country create memorable products that connect with voters
online, at the doorstep and in the mailbox, time after time.
The Wordmark Liberal Party of Canada Visual Identity Guidelines 3

The Liberal Wordmark is [A]


used across all platforms to
identify the brand.

[A] The Wordmark


The Wordmark should be used
whenever possible to ensure the
greatest brand recognition.

Colour
The Wordmark should only ever
appear in Liberal Red, white or
dark grey (Hex: #414042), at [B] [C]
100% opacity, with no shadow.

Background
To ensure maximum readability, 1 Leaf
the Liberal Wordmark should be
2 cm (0.787 in)
placed on a solid (or solid part
-57 px
of the) background. It should
not appear on top of busy
photographs.

[B] Clear space


In order to maintain integrity, the
Wordmark should always appear
with ample space between it and
other branding, text or graphic
elements. Minimum clear space is
1 leaf along the left and right, 1/2
leaf along the top and bottom.

[C] Minimum size


The Wordmark should not appear
smaller than 2 cm (0.787 in) wide
in print or 57 px wide digitally.
The Logo Liberal Party of Canada Visual Identity Guidelines 4

The Liberal Logo is used as [A]


a supporting element.

[A] The Logo


The Logo is usually paired with
other elements or the full name of
the organization (Liberal Party of
Canada), or where space is limited.

Colour
The Logo should only ever appear
in Liberal Red , white or black, at
100% opacity.
[B] [C]
Background
To ensure maximum readability,
the Liberal Logo should be placed 1/2 Logo

on a solid (or solid part of the)


background. It should not appear
on top of busy photographs; a
rectangle in Liberal Red containing
a white Logo is desirable instead.
0.85 cm (0335 in)
-24 px
[B] Clear space
For the Logo, a minimum clear
space of 1/2 the Logo should be
maintained around all sides.

[C] Minimum size


The Logo should not appear
smaller than 0.85 cm (0.335
in) wide in print or 24 px wide
digitally.
Wordmark Dos and Don’ts Liberal Party of Canada Visual Identity Guidelines 5

How to, and not to, use the [A] [B] [C]
Liberal Wordmark and Logo.

Dos

[A] White on Liberal Red

[B] Liberal Red on White [D] [E] [F]

[C] White on Dark Grey

[D] Black and White


Although the black Liberal
Wordmark on a white
background is acceptable, it
should only be used in printing
black and white. Use the full
[G] [H] [I]
colour version whenever
possible.

Don’ts

[E] In Other/Multiple Colours

[F] Stretched

[G] Tilted [J] [K] [L]

[H] Outlined

[I] With Shadow or Glow

[J] On Busy/Photo
Backgrounds

[K-L] Old Logos


Colours Liberal Party of Canada Visual Identity Guidelines 6

Liberal Red The Liberal Party of Canada is most easily recognized by Finally, four additional accent colours have been added to
[A] CMYK: 0:100:100:10 its colours. It’s crucial that the correct colours are used at the Liberal colour palette. These should be used sparingly
Hex: #d71920 all times. and only when needed to differentiate something from the
PANTONE: 1797U/1795C main colour palette. The use of these accent colours should
Liberal Red [A] is the main colour of the Liberal Party of be limited to digital applications as much as possible.
[B] CMYK: 0:100:100:30 Canada and is a very recognizable part of the overall visual
Hex: #b11116 identity. Liberal Red should be used generously throughout In general, solid colours should be used– especially for print
[C] CMYK: 0:100:100:50 all marketing products, most appropriately for headlines, applications and text. Gradients may be used for background
Hex: #8b0304 colour-blocking, and accents. elements, and work best for digital applications like web
and email. Gradients should only be created between two
[D] CMYK: 0:100:100:70
Liberal Red is supported by 3 other shades of red. adjacent shades of the same colour (red or grey).
Hex: #760000
These are also paired with a number of greys to further
compliment the red. These greys should be used for body
Liberal Grey
text, colour-blocking, backgrounds, etc.
[E] CMYK : 0:0:0:90
Hex: #414042
PANTONE: Neutral BlackU/
[A] [B] [C] [D]
Black7C
[F] CMYK: 0:0:0:70
Hex: #6d6e70
[G] CMYK: 0:0:0:15
Hex: #dbdcde
[H] CMYK: 0:0:0:5
Hex: #f1f1f2
[E] [F] [G] [H]
Accent
[I] Hex: #3d4f5d
[J] Hex: #0babe3
[K] Hex: #6ebf52
[L] Hex: #f9b717

[I] [J] [K] [L]


Liberal Party of Canada Visual Identity Guidelines
Liberal Party of Canada Visual Identity Guidelines
Typography: Lato Liberal Party of Canada Visual Identity Guidelines 7
123 abc

The primary typeface is “Lato”, The Lato typeface should be used for most applications, should appear in Liberal Red, Liberal Grey, black or white.
an open-source, sans-serif including letters, brochures, business cards, document body Subheadings should also appear in the Black weight, but
typeface. It should be used, copy, etc. Body text should use Regular weight, using Black should be written using sentence case. Subheadings may
almost exclusively on all Liberal weight to emphasize inline text spans. Text should be either appear in any colour from the Liberal palette. Colons should
Party branded materials. Liberal Grey, black or white. While oblique versions of Lato not be used at the end of headlines or subheadings. Be
are also available, they should be avoided unless necessary. sure to provide ample negative space between headlines
Avoid using hyphenation whenever possible to create a and body text.
comfortable flow for the reader.
In all cases, Lato should only be used with condensed letter
[A] Lato: Light Notes should be styled using Regular weight, at a lighter spacing (tracking). For font sizes greater than or equal to 10
shade from the colour palette and a smaller font size. pt, a tracking of -30 should be used. For font sizes less than
[B] Lato: Regular 10 pt, a tracking of -20 may be used.
Body text should be in this Headlines may appear in Lato; however, it’s recommended
weight and should be in the to use Oswald (page 8). Headlines that do appear in Lato When the English and French versions of a word or phrase
official Liberal grey, black or should use the Black weight and be uppercase. Headlines appear side-by-side, they should be separated with a bullet
white (see page 6). “•” character.

123 abc
[C] Lato: Black

[A]
aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPq
QrRsStTuUvVwWxXyYzZ0!?#%&*
[B]
aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPq
QrRsStTuUvVwWxXyYzZ!?#%&*
[C]
aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPq
QrRsStTuUvVwWxXyYzZ!?#%&*
Typography: Oswald Liberal Party of Canada Visual Identity Guidelines 8

123 abc

The secondary typeface is The Oswald typeface should only be used in headlines or The use of Oswald should be seen as an accent, mixed
“Oswald”, an open-source, subheadings, not body copy (use Lato for body copy), and with Lato for the bulk of a document’s copy. Mixing
condensed, sans-serif typeface should be used in uppercase. Headlines should appear weights within the two typefaces is also encouraged
that should be used as the in Liberal Red, Liberal Grey, black or white. Subheadings.
main alternate typeface. Subheadings may appear in any colour from the Liberal Oswald should only be used with condensed letter
palette. Colons should not be used at the end of headlines spacing (tracking). For font sizes greater than or equal to
or subheadings. Be sure to provide ample negative space 10 pt, a tracking of -20 should be used. For font sizes less
between headlines and body text. than 10 pt, a tracking of -10 may be used.

[A] Oswald: Light

[B] Oswald: Regular


Body text should be in this
weight and should be in the

123abc
official Liberal grey, black or
white (see page 6).

[C] Oswald: Bold

[A]

aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvV
wWxXyYzZ0!?#%&*
[B]

aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvV
wWxXyYzZ!?#%&*
[C]

aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsS
tTuUvVwWxXyYzZ!?#%&*
Photography Liberal Party of Canada Visual Identity Guidelines 9

The Liberal Party of Canada Photos capture and help demonstrate the openness and Text may be added on top of the photos, either directly,
uses photos heavily to engage sincerity that the brand embodies. The official portraits of or on a solid, straight-edged shape. This shape should be
users. This helps to promote the the leader may be used for any products, as needed. Full Liberal Red or White, and may be as low as 90% opacity to
emotional connection between resolution versions of these files are available on the official allow the image to show through.
Canadians and the Prime graphics page.* Do not alter the colouring of these photos,
Minister. and do not place any elements over the leader’s face. Neither the Wordmark nor the Logo should be placed
directly on photographs, but instead within a red rectangle,
There are also many other photos available for use on (or square when using the Logo) ensuring that minimum
[A] Primary Headshot Justin Trudeau’s flickr account.† Similar restrictions apply to clear space rules are respected.
The most up-to-date official these photos as well.
portrait; any past headshots
should not be used.

[B] Secondary Headshot [A] [C]


A landscape version of the
official portrait; use this in
cases where a landscape photo “ Our shared objeccve is to promote
jobs and growth, address urgent
is necessary. economic needs, and support
long-term growth in transiioning

[C] Photos with other elements to a low-carbon economy.
In this example, the Logo is -Jussn Trudeau,
used on top of the Liberal red Prime Minister of Canada

square. Lato Light is used as


well as Lato Black.

* http://www.liberal.ca/official-
graphics/
† https://www.flickr.com/
photos/pmtrudeau/ [B]
Online Resources Liberal Party of Canada Visual Identity Guidelines 10

Official Graphics Page Lato on Google Fonts


liberal.ca/official-graphics lpc.ca/lato
Download public-facing resources such as the official Download LPC’s primary typeface, Lato.
portraits of Justin Trudeau, the Liberal Logo, and the
Liberal Party’s Fundraising program logos. Oswald on Google Fonts
lpc.ca/oswald
Website Style Guide
Download LPC’s secondary typeface, Oswald.
liberal.ca/official-graphics/official-style-guide
Styling resources for all liberal.ca web properties.

Design Request Form


my.liberal.ca/graphic-design-request-form
Use this webpage to request a design from the
Liberal Party of Canada creative team.
Liberal Party of Canada Visual Identity Guidelines

You might also like