brand guidelines v...01.02 league & competition logos 01. logo pro league brand guidelines page...
Post on 16-Oct-2020
1 Views
Preview:
TRANSCRIPT
Brand guidelines v.03
01 Logo
The new Pro League logo is the signature
of our newly reinvigorated brand. Using it
consistently will build brand awareness and
install recognition with our audience.
01.01 Institutional logo
Pro League Brand guidelines01. Logo Page 4
Our logo
After a period of relative anonymity, our brand and the
values it stands for are brought to the forefront by a
powerful, distinctive and stylistically contemporary logo.
• Love for local
• Focus on football
• Cool and contemporary
Pro League Brand guidelines01. Logo Page 5
The build-up
The core of the Pro League’s activity revolves around
managing and organising football competitions in
Belgium. The logo therefore appropriately ‘organizes’ two
distinct graphical elements representing the two most
prerequisite aspects of football competition: One ball and
two teams.
one ball two teams
Pro League Brand guidelines01. Logo Page 6
Our logo
Besides illustrating the intrinsic competition aspect, our
brandmark elements also embody other characteristics
associated with the most beautiful sport in the world
(and the televising thereof).
→ competition→ focus→ zoom→ dynamic→ play
Pro League Brand guidelines01. Logo Page 7
Versions
Besides our primary horizontally oriented logo, the
visual identity guidelines also provide a ‘boxed’ logo
variation. Much like a coach adapts his team’s formation
to a certain challenge, our logo adapts to the specific
application and space available.
Primary logo:
• sign off
• all office communication (a.e. letters, powerpoint,
stationery)
Secondary ‘boxed’ logo:
• shirts
• icons
• ...
Primary logo
Secondary ‘boxed’ logo
Pro League Brand guidelines01. Logo Page 8
Our logo
Our logo is the sum of our brandmark and word mark.
This word mark was set and modified to specific
proportions in the typeface Aeonik Medium.
Note: Always use the word mark provided. Never use
the typeface to 'type' the logo.
Brand mark Logotype
Logo
Pro League Brand guidelines01. Logo Page 9
Colour variations
Our logo can be placed on a white, Night Sky Blue &
Neon Pitch Green background. Make sure to use the
correct logo version on the contrasting background
colour.
The black and white versions of the logo must only be
used in special cases when reproduction of the original
full colour is restricted due to technical limitations.
Neon Pitch Green logo (primary)
Neon Pitch Green logo on white (primary)
Night Sky Blue (secondary)
Night Sky Blue on white (secondary)
BlackWhite
Pro League Brand guidelines01. Logo Page 10
Protecting the logo
Free zone
The rules of this guideline document are not to be
broken. In defence of foul play, we have defined a
'penalty zone' around the logo to ensure its design
integrity. No other graphical or text element may enter
this zone.
For the primary logo this free zone is indicated by the
width of our brand mark. For the boxed version we use
1/3 of the width of the logo to define the free zone.
Minimum size
The primary logo should never be printed or reproduced
below 20mm, the boxed logo not smaller than 10mm.
For digital and screen applications, the primary logo
should never be set smaller than 150px in width. The
boxed logo version no smaller than 70px.
20 mm / 150px
10 mm / 70px
1/3
Pro League Brand guidelines01. Logo Page 11
Protecting the logo
Don’ts
The logo must always be reproduced in its original
state and according to the guidelines. These examples
illustrate modifications that must be avoided.
• Do not alter the colour of the brand mark
• Do not stretch, rotate or skew the logo
• Do not place the logo on a different background color
than determined in the guidelines
• Do not use the logo as an outline
• Do not add any effects on the logo
• Always make sure there’s enough contrast when
placing the logo on imagery
Pro League Brand guidelines01. Logo Page 12
Division logos
For specific divisions within the organisation, sublogos
are provided.
Do not try to recreate the logos, a template file to create
additional sublogos is available.
Pro LeagueLegal
Pro LeagueSocial
Pro LeagueYouth
Pro LeagueBusiness
Pro League Brand guidelines01. Logo Page 13
Profile icon
For optimal use on social channels a profile icon
version of the logo is provided. The logo houses more
clearspace all around in order to be represented more
clearly.
Square Round
01.02 League & competition logos
Pro League Brand guidelines01. Logo Page 15
League logos
Our league logos will all have the same build-up. The
name of the respective league is determined by its
sponsor and composed according to the following
syntax: Sponsor name + Pro League.
Visually the league’s name is set on two lines next to the
brand mark. The sponsor name takes up the first line,
followed by Pro League on the second. The colour of the
logo will be based on the sponsor’s brand colour.
A template file to create additional 'League' logos after
the above guidelines is provided. Sponsor namePro League
Pro League Brand guidelines01. Logo Page 16
Protecting the logo
Free zone
As with the Pro League logo, we have defined a 'penalty
zone' around the league logos to ensure its design
integrity. No other graphical or text element may enter
this zone.
The league logos' free zone is indicated by the width of
our brand mark.
Minimum size
With a variable width, determined by the Sponsor name,
the minimum size of the league logos is based on a
set height. The league logo should never be printed or
reproduced below 5mm.
For digital and screen applications, the logo should never
be set smaller than 35px.
5 mm / 35px
5 mm / 35pxSponsor namePro League
Sponsor namePro League
Pro League Brand guidelines01. Logo Page 17
Logo Jupiler Pro league (EXCEPTION!)
Due to existing contract agreements, we've made an
exception for the Jupiler Pro League logo. Our brand
mark will be replaced by the mono coloured version of
Jupiler’s brand mark.
Pro League Brand guidelines01. Logo Page 18
Colour variations
The Jupiler Pro League logo can be placed on a Red,
Night Sky Blue & white background. Make sure to use
the correct logo version on the contrasting background
colour.
The black and white versions of the logo must only be
used in special cases when reproduction of the original
full colour is restricted due to technical limitations.
Red logo (primary)
Red logo on white (primary)
Night Sky Blue (secondary)
Night Sky Blue on white (secondary)
BlackWhite
Pro League Brand guidelines01. Logo Page 19
Protecting the logo
Free zone
As with the other league logos, we have defined a
penalty zone around the Jupiler League logo to ensure its
design integrity. No other graphical or text element may
enter this free zone.
For the Jupiler Pro League logo this free zone is indicated
by 1/2 width of the Jupiler crest.
Minimum size
The Jupiler Pro League logo should never be printed or
reproduced below 30 mm width, the brand mark not
smaller than 7mm.
For digital and screen applications, the Jupiler Pro League
logo should never be set smaller than 360px in width.
The brand mark no smaller than 70px.
30 mm / 360px 7 mm / 70px
Pro League Brand guidelines01. Logo Page 20
Individual rankings
By shuffling the 2 graphical elements of our logo, we
create an icon resembling a star, as well as a crosshair to
set aim. This will be the symbol for the individual rankings
showcasing the star players.
Pro League Brand guidelines01. Logo Page 21
Individual rankings
Each league has 3 individual rankings:
• Pro Scorer
(due to sponsor agreements this one is named
'Jupiler Gouden Stier / Jupiler Taureau d'or' in the
Jupiler Pro League)
• Pro Assist
• Clean Sheet
02 Baseline
Our baseline (or tagline) is a one phrase claim
clearly stating and emphasizing our mission,
purpose, and brand identity. It is used to
sign off our communication with and helps
consumers feel more emotionally connected
to the Pro League brand.
Pro League Brand guidelines02. Baseline Page 23
Baseline
The ‘Closer To Football’ baseline strongly communicates
the love for and proximity of local football. Our core
products are the local competitions, which are both
geographically and emotionally ‘closer’ than foreign and/
or international leagues. Pro League literally broadcasts
local football into consumers’ living rooms, and
figuratively brings it closer to their hearts.
Dichter bij voetbal
Closer to football
Plus proche du football
Pro League Brand guidelines02. Baseline Page 24
Baseline
Next to firmly stating what Pro League stands for, the
‘Closer To Football’ baseline is a dynamic communication
tool. As the individual interpretation of ‘closer’ can be
very personal, the line can be adapted and personalized
to targeted (local) messages or even campaign slogans.
Dichter bijVormerKompanyMbokani
Odjidja
Vanaken
Carcela
Bolat
Pro League Brand guidelines02. Baseline Page 25
Baseline
Pro League brings people closer to football, but also
closer to their favourite team, player or stadium.
Dichter bijBeerschotAA GentSTVV
Club Brugge
Anderlecht
Zulte-Waregem
KV Mechelen
03 Colours
Colour is one of the most powerful tools in
creating or expressing a mood or feeling.
The Pro League colour scheme takes full
advantage of this by pushing a clearly
recognizable, contemporary palette that
reinvigorates our organisation for a new age of
communication. Colour brings our brand to life.
Use of our brand colours guarantee top brand
presence throughout all media.
Pro League Brand guidelines03. Colours Page 27
Colours
Night Sky Blue is the overall background colour used
throughout all sub brands.
Where Neon Pitch Green is the main brand colour on
a corporate level, the colours of the competitions are
determined by the brand colour of the 'title sponsors'.
Where needed they're adjusted to fit the brightness of
our Neon Pitch Green.
A 100% fill is preferred but tint variations (5%, 25%,
50%, 75%) are allowed on applications where a greater
variation is needed, like in the visual hierarchy of
infographics, website sections, etc.
The guidelines prohibit use of tints in key visuals
like banners, posters, ads and other ‘first line’ brand
communication.
Night Sky BlueR22 G0 B43C90 M93 YO K83PMS 275 C / 276 U
Neon Pitch GreenR61 G244 B180C70 M0 Y55 K0PMS 3375 C / 3375 U
1B Pro LeagueR203 G255 B88C35 M0 Y77 K0 PMS 381 C / 388 C
50%
75%
25%
5%
75%
50%
25%
5%
75%
50%
25%
5%
Jupiler Pro LeagueR255 G23 B64C0 M95 Y65 K0PMS 032 C / 032 U
75%
50%
25%
5%
04 Typography
Type tells a story, and typography forms the
backbone of the identity on which everything
else is hinged. The right typeface, used
consistently, builds recognition and character.
Our visual identity is not just represented by an
assortment of logos and palette of colours, but
further defined by a strong typographic style
and expression. The typographic principles
of use are based on legibility, function and
format. Correct application maintains a
distinctive look and feel across all applications.
Pro League Brand guidelines04. Typography Page 29
Typography
The Aeonik font family consists of seven weights, with
proportions that are wider than a typical grotesk, but
thinner than a typical geometric sans serif. Structurally,
this creates a fantastic balance for both display and text
use.
We will mostly use Light, Regular, Medium and Bold, with
a focus on the Medium weight.
The other weights are available for exceptional use. They
may only be used if they are approved by the brand
ambassador.
AirThinLightRegularMediumBoldBlack
Aeonik
Pro League Brand guidelines04. Typography Page 30
Typography hierarchy
On the right you'll be able to find some basic rules for
using Aeonik. Take a look at the ‘Applications’ chapter to
get a good feel of sizes and ratio.
Obitatus dandandae sequate ctesequi cores pa dendaecta ne est re
nossum ea dolor aut quossitio eum, temquod itatia pore re comnita nus si
tem quaecto remquae moles qui ne cusapicia cum fugia quaeper sperrum
hillit quosam aut ad es intioressum qui.
Mod eatur? Aquam dolor moluptatus voluptaquo que essitem recepel iquam,
sequi blaborem dolorat. Aximpos eosam, quae cum niminul lectem volut
eatendam quiaepe rionseque et omnis ad ut et quaerferenia consenihicae
magnis eos prationse rest eventota eatio blaborum, is et ut laut es ame.
Subtitles
Ut ditem utestiorepe nis Eveliquas sum consequist eos ut volorro con cone
quis coneste eatem et as et quatur maionsequate vel eicitatuscid quo doluptur
adipiet endam assum alit quae solupta ercidelit
Dichter bij voetbal
“Vincent Kompany hakt belangrijke knoop
door over toekomst bij Anderlecht.”
Titles Aeonik Medium
Intro Aeonik Medium
Body copy Aeonik Regular
Subtitles Aeonik Bold
Quotes Aeonik Medium
05 Graphicalelement
Use of graphical elements inspired by the
shapes of our brand mark make the Pro
League identity more dynamic and allows our
communication to stand out on a variety of
applications.
Pro League Brand guidelines05. Graphical element Page 32
Graphical element
Our isolated brand mark, in several shapes and sizes,
will function as a graphical element throughout our
communication.
It can be used respectively in each of the sub brand
colours. E.g. Main institutional branding: neon pitch
green, Jupiler Pro League: red, 1B Pro League: TBD and
Croky Cup: blue.
Pro League Brand guidelines05. Graphical element Page 33
Graphical element as a viewfinder
The graphical element can act as a viewfinder. It
represents zooming in closer on the action, and framing
the right football related content. It can be placed on the
focus point of the image.
Pro League Brand guidelines05. Graphical element Page 34
Graphical element as a viewfinder
These examples show different ways of how to place the
graphical element on your image. Make sure the image
maintains legible when applying graphical elements. If
you position it around a ball, allow some space between
the ball and the graphic as shown in the example.
Charleroi
Eupen
Pro League Brand guidelines05. Graphical element Page 35
Graphical element as a pattern
Our graphic pattern can be woven into a pattern
representing goal netting.
1 Make a pattern of the graphical element
2 Set the fill on white
3 Use a gradient feather in Adobe InDesign with the
following changes to the standard settings:
• Opacity stop 1: 25%
• Opacity stop 2: 0%
Pro League Brand guidelines05. Graphical element Page 36
Graphical element as a pattern
The orientation of the feather can be horizontal (0°) or
vertical (90°). Depending on the application, you can play
with the direction of the feather to gain a more dynamic
result.
Pro League Brand guidelines05. Graphical element Page 37
Graphical element as dynamic element
To bring variation to your layouts, you can play around
with the two separate elements of the Pro League brand
mark. When it's layered on the foreground, always set the
colour on 100% fill. When on the background, play with
the transparency or use a gradient feather.
Example Gradient Feather
1 Make you're composition with the elements
2 Set the fill on a specific brand colour
3 Use a gradient feather in Adobe InDesign with the
following changes to the standard settings:
• Opacity stop 1: 50% in RGB color mode or 75% in
CMYK color mode
• Opacity stop 2: 0%
(!) Note the difference when using the pattern, the
colorfill is set to white and the opacity goes from
25% to 0%
Pro League Brand guidelines05. Graphical element Page 38
Graphical element as dynamic element
When the graphical element is in motion, we can play
with the scale and opacity of the element to create more
depth.
We use 3 fixed percentages for the opacity:
25% — 50% — 75%
BeerschotVirton1 0
06 Imagery
Photography is an important medium in
visualizing a brand that stands out. The
images we select bring the subject we
communicate about to life. Careful curation
and stylistic framing further solidifies a
consistent identity. Imagery should never just
show what our words are already telling, and
vice versa. Complementary visual and textual
elements create a broader canvas, clearly
communicating our world and attitude.
Pro League Brand guidelines06. Imagery Page 40
Imagery
Although most of our imagery will be full colour, we
can achieve bigger brand presence or variation in our
communication by applying a duotone filter to our
images. We do this by adding a Gradient Map in Adobe
Photoshop going from Night Sky Blue for the dark tones
to a specific (sub)brand colour for the lighter tones.
Pro League Brand guidelines06. Imagery Page 41
Imagery
To improve legibility for text or graphics, you can apply a
Night Sky Blue layer with an opacity between 5 and 25%.
Night Sky BlueOpacity 25%
07 Tone of voice
Our voice exists in everything we do, even
when words aren’t involved. It defines who
we are and how we present ourselves to
the world.
Pro League Brand guidelines07. Tone of voice Page 43
Unifying Prominent. Prevalent. Constructive. Empowering.
— Bringing people together in the enjoyment and celebration.
Supporting and facilitating communities. Building bridges and offering
platforms. Starting the wave and conducting the chant.
Brand values
ConvivialOpen. Friendly. Enjoyable. Inclusive.
— Having a cheerful and friendly, jovial personality. Welcoming to
others. Sincerely curious and attentive. Sharing a beer and fraternizing
with the supporter in the next seat.
CloseFamiliar. Intimate. Convenient.
— A reliable and relatable presence in your periphery. Always within
reach and there for you. Easily accessible in both emotional and
physical ways. The warm voice or your favorite game commentator.
PassionateEmotional. Expressive. Spirited.
— Driven by strong feelings and love for the most beautiful sport in
the world. Characterized by the intense, up- and-close experience of
football. Full of energy, enthusiasm, and determination. Tears of joy
when holding up the cup.
ProudDignified. Honorable. Confident. Ambitious.
— Upright. Respectfully confident in one’s own and other’s (heroic)
capacities. Daring to take pleasure in achievements and qualities.
Representing (y)our roots. Shedding the yoke of local modesty
without becoming vain or nationalistic. Never too shy for a good goal
celebration.
TrustworthyCompetent. Transparent. Exemplary. Authentic.
— A reference through expertise. Nothing to hide. Open to scrutiny.
Building trust and leadership through exemplary conduct. Respectful to
heritage. The referee everybody respects. And winners of the Fair Play
trophy.
DynamicEnergetic. Productive. Adaptive. Creative.
— Forward looking and future proof. Resourceful and eager. Always
striving to improve and prosper. Open to innovation and improvisation.
Playing well as a team, open to pass around the ball and experiment
with new formations.
Pro League Brand guidelines07. Tone of voice Page 44
Pro League is a unifier: Open, welcoming
and positive. We like to share our passion
in an energetic and exemplary way. We are
a fervent fan, familiar friend, trustworthy
partner and experienced guide: Fun,
authentic, and always near. We are proud
for what we stand for and respectful of
others.
Personality The Pro League brand is a reflection of what we stand for as an
organization in the world of soccer: Representing the interests
of professional national football teams, plus overseeing the local
competitions and involving and uniting fan communities.
Our core proposition lies both geographically and emotionally ‘close’
to our consumers. Our tone of voice should be a representation of
this closeness in both substance and syntax: Short. Clear. Relatable.
Emotional.
We exhibit the commitment to our brand values through exemplary
conduct and clear, consistent communication in our characteristic
tone of voice. We speak in the familiar vein of the fervently passionate
football commentator. Disarmingly relatable. Knowledgeable but never
aloof. Our voice also rings in unison with others, much like a choir — It
is a mouthpiece for the fan communities and the teams we represent.
One that communicates on the basis of respect and admiration for the
passion involved; A voice that communicates in a way that is confident,
proud and accomplished, but never drowns out others.
Here’s what we are (and aren’t):
• Unifying (uniting without making uniform)
• Convivial (but never cursory)
• Close (but never obtrusive)
• Local (with international ambition)
• Familiar (but never boring)
• Passionate (but never radical or impetuous)
• Proud (but never arrogant or exclusive)
• Dynamic (but never erratic)
• Experienced (but never authoritative of aloof)
• Exemplary (but never pedantic)
Pro League Brand guidelines07. Tone of voice Page 45
Tagline tool
The key to sounding like Pro League lies
in drawing the consumer closer with a
familiar voice that they understand and
recognize.
Our key communication is based around implicitly involving the
consumer through emotional association. Simple and short phrases
clearly state and emphasize our mission, purpose, and brand identity.
The ‘Closer To Football’ baseline strongly communicates the love
for and proximity of local football and can be an anchor for further
communication. It is one of the main propagators of our tone of voice.
To this effect, it also functions as a dynamic tool as it can be adapted
and personalized to targeted (local) messages or even campaign
slogans. Pro League brings people closer to football, but also closer to
their favorite team, player or stadium.
Closer To Football
Closer To Fans
Closer To Home
Closer To Heart
Closer To Anderlecht
Closer To Kompany
Closer To La Coupe (Anderlecht fan café)
Closer To The Title
Closer To Kick-Off
Etc.
Pro League Brand guidelines07. Tone of voice Page 46
We are passionate but remain professional. Even when emotions run
high, we never lose our cool to start SCREAMING.
Just like in a season of football, strategy is best aimed at the long haul.
Manage your resources and inspiration. Don’t exhaust the tagline
mechanic and dilute in to a gimmick.
Keep sentences short. Be direct and concise. If you dribble too long
you will lose the ball. If your writing is too protracted you will lose the
reader.
It should go without saying, but it is still worth saying: Just like on the
field: Respect is everything. Pro League will never use exclusionary
terms, succumb to cultural appropriation, adapt coarse language,
allude to sexist stereotyping or write anything that could be interpreted
as disrespectful. Nor will we allow our ‘Closer to’ tagline to be hijacked
by those with ill intent.
Somepointers
08 Motion graphics
Motion design is the concept of pairing
traditional graphic design with animation.
While traditional animation is often quite literal,
motion graphics are a bit more abstract,
using shapes, typography, and movements to
convey an idea.
Pro League Brand guidelines08. Motion graphics Page 48
Logo animations
The logo animations serve as a key component in video
content as start or ending.
↓ Open .aep files available for download on request.
Pro League
Jupiler Pro League
Pro League boxed
Pro League Brand guidelines08. Motion graphics Page 49
Graphic element
When using the graphic element (gradient or fill) in
motion design, creative use to emphasize the dynamics
is strongly encouraged. The graphic element can be
used in the background or as a viewport for transitions.
Recolour to league colours is allowed. See chapter 03 for
colour reference.
↓ Open .aep files available for download on request.
Van CrombruggeRefaelovMataChadliOdjidjaCarcelaVormerKompanyfootballMbokaniDavidMignoletVanakenDiatta
Van CrombruggeRefaelovMataChadliOdjidjaCarcelaVormerKompanyfootballMbokaniDavidMignoletVanakenDiatta
Pro League Brand guidelines08. Motion graphics Page 50
Graphic element as a pattern
The graphic pattern can be used as a background asset
or as support for smooth transitions.
↓ Open .aep files available for download on request.
Pro League Brand guidelines08. Motion graphics Page 51
Baseline
Next to firmly stating what the Pro League stands for, the
‘Closer To Football’ baseline is a dynamic communication
tool. As the individual interpretation of ‘closer’ can be
very personal, the line can be adapted and personalized
to targeted (local) messages or even campaign slogans.
The use of this dynamic asset is also availble for motion
graphics. Emphasizing the natural 'roll feel' inherent to the
asset when set in motion.
↓ Open .aep files available for download on request. Closer to
Van CrombruggeRefaelovMataChadliOdjidjaCarcelaVormerKompanyfootballMbokaniDavidMignoletVanakenDiatta
09 On feedmotion graphics
The on-feed motion graphics offer you a
helping hand throughout the course of a
game. They clearly identify the Pro League
brand but also serve as a clear source of
information for on-screen use.
Pro League Brand guidelines09. On feed motion graphics Page 53
On-feed typography
Throughout the feed we use our font in a variety of ways
best suited to the individual elements.
Most of the time we use type in sentence-case to give
the graphics a better sense of balance, however in
instances such as as game cards, the team names are
spelled out in all capitals. This is to deliver punchy and
clear messaging.
We use a mixture of 2 font weights across the feed to
help with the delivery of information. For example, we
use the medium weight for all base communications. The
light weight is used for numbers, except the score. This
is always in medium and in a boxed block to highlight the
importance.
There are various size and weight combinations used
throughout the feed. Different elements use different
sizes in order to aid legibility.
On this page are the most commonly used font sizes
within the most frequent sized blocks.
STA
77 Clinton Matta
STANDARD
Balbezit
24pt Medium / Metric kerning
32pt Medium / Metric kerning
40pt Light + Medium / Metric kerning
40pt Medium / Metric kerning
77 Clinton MattaLight Medium
Pro League Brand guidelines09. On feed motion graphics Page 54
League colour codes
The Pro League facilitates several competitions and
leagues. To guide to the viewer throughout, these, a
highlight colour code per league is used. This colour is
linked to the main colour of set league. See chapter 03
for the breakdown of these colours.
Van CrombruggeRefaelovMataChadliOdjidjaCarcelaVormerKompanyfootballMbokaniDavidMignoletVanakenDiatta
STA 0 0 BRU 90:00
STA 0 0 BRU 90:00
Pro League Brand guidelines09. On feed motion graphics Page 55
Scoreclock
The scoreclock is the driving force behind the delivery
of information for the core graphic system. It's an
ever active device, designed to offer flexibilty. The
clock is modular meaning that there are a number of
configurations and modifiers that can be used to alert
the audience and display information.
↓ Open .aep files available for download on request.
STA 0 0 BRU 90:00
38
px
38
px
100
px
6p
x6
px
6p
x6
px
100
px
100
px
38px
38
px
Pro League Brand guidelines09. On feed motion graphics Page 56
Scoreclock (iterations)
The following iterations can be used to alert the audience
and display information:
• Attendance
• Goal
• Social Tag
• Statistics
• Possession
• Cards
• Referee
• Added Time
• Etc. Goal 77 Clinton Matta
STA 0 1 BRU 89:25
38
px
38
px
20
px
20
px
100
px
100
px
100
px
38px
38px
38
px
6p
x
6px
6p
x
6p
x6
px
Pro League Brand guidelines09. On feed motion graphics Page 57
STA 0 0 BRU 90:00
60px
90
px
Scoreclock (position)
The scoreclock is positioned in the upper left-hand
corner of the screen. With a 60px margin from the top
and a 90px margin from the left.
Pro League Brand guidelines09. On feed motion graphics Page 58
Player card
Next to the gamescore the player card gives the
audience additional information. This information is
completed with club branding and player number. The
player card is also modular and offers a wide array of
iterations and modifiers. In contrast to the scoreclock the
player card blocks are variable in length. The information
is set with a spacer of 20px in front. This spacer is
repeated at the end of the block.
↓ Open .aep files available for download on request.
77 Clinton Matta70px
70p
x
20
px
20
px
Pro League Brand guidelines09. On feed motion graphics Page 59
Player card (iterations)
The following iterations can be used to alert the audience
and display information:
• Attendance
• Goal
• Social Tag
• Statistics
• Possession
• Cards
• Referee
• Added Time
• Etc.
77 Clinton Matta ↑
44 Brandon Mechele ↓
Vervanging38px
6px
6px
70px
70p
x
20
px
20
px
70px
20
px
20
px
Pro League Brand guidelines09. On feed motion graphics Page 60
77 Clinton Matta
Rode kaart
Mist volgende wedstrijd
38px
38px
6px
6px
70px
70p
x
20
px
20
px
20
px
20
px
Player card (iterations)
The following iterations can be used to alert the audience
and display information:
• Attendance
• Goal
• Social Tag
• Statistics
• Possession
• Cards
• Referee
• Added Time
• Etc.
Pro League Brand guidelines09. On feed motion graphics Page 61
77 Clinton Matta
60px
90
px
Player card (position)
The player card is positioned in the bottom left-hand
corner of the screen. With a 60px margin from the
bottom and a 90px margin from the left. The fixed
reference point for the player card is the utmost bottom
left-hand corner. For example, if the player cards holds
more information it will go up and to the right.
Pro League Brand guidelines09. On feed motion graphics Page 62
Game card
The game card is the steady base with holds key
information regarding goals and goalscorers. It is used to
offer an overview / recap of the score at given times. For
example, after a goal or at set times during the flow of
the game (Half time or Full time).
The game card is also used as a header for more in-
depth information such as statistics of game information
Team names are also set in all capitals. This is to deliver
punchy and clear messaging. In other instances type is
set in sentence-case to give the graphics a better sense
of balance.
The game card base animation always starts off in the
center with the unfolding of the graphic element and
then gradually moving away from it.
↓ Open .aep files available for download on request.
STANDARD CLUB BRUGGE0070px
70p
x
70p
x
70p
x
70p
x
70p
x
20
px
20
px
Pro League Brand guidelines09. On feed motion graphics Page 63
Game card (iterations)
The game card offers two main modifiers, one up top to
indicate time (for example Half time) and one below to
view the goal scorers and the corresponding minute in
which the goal is scored. This information is displayed on
our Night Sky Blue with 50% opacity.
STANDARD CLUB BRUGGE12
Lestienne 35’Carcela 47’
Vanaken 17’
Half time
70p
x
70p
x
70p
x
70p
x
70p
x
20
px
20
px
70px
6px
38px
6px20px
20px
Pro League Brand guidelines09. On feed motion graphics Page 64
STANDARD CLUB BRUGGE00
60px
90
px
170
px
Game card (position)
The game card is positioned in the bottom center of the
screen. With a 60px margin from the bottom and 260
from the left and right. The fixed reference point for the
game card is the utmost bottom. For example, if the
game cards holds more information it will go up, with the
lowest part aligned to the bottom.
Pro League Brand guidelines09. On feed motion graphics Page 65
Statistics
Statistics offer an in-depth breakdown of a game. The
game card is used here as a header followed by a
number of useful statistics (for example, possession,
shots on goal, corners and fouls commited.)
The statistics animation always starts off in the center
with the unfolding of the graphic element and then
gradually moving away from it followed by the cascading
blocks of statistics.
↓ Open .aep files available for download on request.
Balbezit70% 70%
Doelpogingen0 0
Schoten binnen kader0 0
Hoekschoppen0 0
Buitenspel0 0
Gemaakte fouten0 0
Gele kaarten0 0
Rode kaarten0 0
STANDARD CLUB BRUGGE0070px
40px
55px
6px
6px
6px
6px
6px
6px
6px
55px
55px
55px
55px
55px
55px
55px
70p
x
70p
x
70p
x
70p
x
70p
x
20
px
20
px
Pro League Brand guidelines09. On feed motion graphics Page 66
Balbezit70% 70%
Doelpogingen0 0
Schoten binnen kader0 0
Hoekschoppen0 0
Buitenspel0 0
Gemaakte fouten0 0
Gele kaarten0 0
Rode kaarten0 0
STANDARD CLUB BRUGGE00
60px
123px
123px
90
px
170
px
Statistics (position)
The statistics screen is positioned in the center of the
screen sharing the same width as the score card for the
header (260px from either side).
To clearly display the numbers and give the audience
a visual resting point the statistics screen is used in
combination with two overlay backgrounds. The first is in
Night Sky Blue with 25% opacity, the second is a corner
of the graphic element in Night Sky Blue going from 100
to 0%.
These more condensed overview screens should also by
accompanied by the league logo as much as possible.
Pro League Brand guidelines09. On feed motion graphics Page 67
Motion principles
A well executed animation will have multiple elements
come together to create a balanced and cohesive story.
Therefor a set of technical motion principles are at your
disposal for future reference. Set animations for the Pro
League's institutional motherbrand and its competitions
are also available in chapter 08.
↓ Open .aep files available for download on request.
Center oriented
Typography
Kick-off Kick-off
Easing
10 Applications
When the core elements of the identity come
together in the applications, the Pro League
brand comes to life.
Pro League Brand guidelines10. Applications Page 69
Business cards
Pro League Brand guidelines10. Applications Page 70
Notebooks
Pro League Brand guidelines10. Applications Page 71
Totebag
Pro League Brand guidelines10. Applications Page 72
Water bottle
Pro League Brand guidelines10. Applications Page 73
Signage
Pro League Brand guidelines10. Applications Page 74
Name badges
Pro League Brand guidelines10. Applications Page 75
Pen
Pro League Brand guidelines10. Applications Page 76
Advertising
Pro League Brand guidelines10. Applications Page 77
Advertising
Pro League Brand guidelines10. Applications Page 78
Print ad
Pro League Brand guidelines10. Applications Page 79
Pro League Brand guidelines10. Applications Page 80
Tickets
Pro League Brand guidelines10. Applications Page 81
Mic
Pro League Brand guidelines10. Applications Page 82
Dichter bij KAA Gent
Led boarding
Pro League Brand guidelines10. Applications Page 83
Flag
Pro League Brand guidelines10. Applications Page 84
Stadium flag
Pro League Brand guidelines10. Applications Page 85
Pre-game pitch flag
Pro League Brand guidelines10. Applications Page 86
Ball platform JPL
Pro League Brand guidelines10. Applications Page 87
Het zou een misdaad zijn om mijn kennis niet te delen met de
Belgische competitie.
Vincent Kompany
Quote
Pro League Brand guidelines10. Applications Page 88
Sponsorwall
Pro League Brand guidelines10. Applications Page 89
Roll-up
Pro League Brand guidelines10. Applications Page 90
Backdrop
Pro League Brand guidelines10. Applications Page 91
Office wall
(halftone pattern with logo)
Pro League Brand guidelines10. Applications Page 92
Office wall
(halftone pattern with logo)
Pro League Brand guidelines10. Applications Page 93
Pro Assist symbol
Pro League Brand guidelines10. Applications Page 94
Pro League
patch
Pro League Brand guidelines10. Applications Page 95
Pro League
champion patch
Pro League Brand guidelines10. Applications Page 96
Social media templates
Pro League Brand guidelines10. Applications Page 97
BeerschotVirton1 0
On screen animation
Pro League Brand guidelines10. Applications Page 98
Tickets
Pro League Brand guidelines10. Applications Page 99
Print ad
Pro League Brand guidelines10. Applications Page 100
Roll-up
Pro League Brand guidelines10. Applications Page 101
Flag
Pro League Brand guidelines10. Applications Page 102
Ball platform JPL
Pro League Brand guidelines10. Applications Page 103
Social media templates
If you have any questions, comments or suggestions, please contact:stijn.van.bever@proleague.be
top related