Brand guidelines v...01.02 League & competition logos 01. Logo Pro League Brand guidelines Page 15...

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

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


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


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


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


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


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


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


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


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


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


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


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


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.


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


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


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.


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

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


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


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

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

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

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

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.


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.


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


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%



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.


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


(!) Note the difference when using the pattern, the

colorfill is set to white and the opacity goes from

25% to 0%


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

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

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

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


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.


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

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


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.


Van CrombruggeRefaelovMataChadliOdjidjaCarcelaVormerKompanyfootballMbokaniDavidMignoletVanakenDiatta



Graphic element as a pattern

The graphic pattern can be used as a background asset

or as support for smooth transitions.



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


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

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


40pt Light + Medium / Metric kerning


77 Clinton MattaLight Medium


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.


STA 0 0 BRU 90:00

STA 0 0 BRU 90:00


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.


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


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


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.


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.


77 Clinton Matta70px

70p

x

20

px

20

px


Player card (iterations)



• 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


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)



• Attendance

• Goal

• Social Tag

• Statistics

• Possession

• Cards

• Referee

• Added Time

• Etc.


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.


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.


STANDARD CLUB BRUGGE0070px

70p

x

70p

x

70p

x

70p

x

70p

x

20

px

20

px


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



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.


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.


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


Balbezit70% 70%

Doelpogingen0 0

Schoten binnen kader0 0

Hoekschoppen0 0

Buitenspel0 0

Gemaakte fouten0 0

Gele kaarten0 0

Rode kaarten0 0


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.


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.


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

Business cards


Notebooks


Totebag


Water bottle


Signage


Name badges


Pen


Advertising


Print ad


Tickets


Mic


Dichter bij KAA Gent

Led boarding


Flag


Stadium flag


Pre-game pitch flag


Ball platform JPL


Het zou een misdaad zijn om mijn kennis niet te delen met de

Belgische competitie.

Vincent Kompany

Quote


Sponsorwall


Roll-up


Backdrop


Office wall

(halftone pattern with logo)


Pro Assist symbol


Pro League

patch


Pro League

champion patch


Social media templates


BeerschotVirton1 0

On screen animation