0% found this document useful (0 votes)
541 views41 pages

Adidas Runtastic Identity Guidance

Uploaded by

mallorync77
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
541 views41 pages

Adidas Runtastic Identity Guidance

Uploaded by

mallorync77
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

IDENTITY & GUIDANCE

BRAND GUIDELINES / JUNE 2022


ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

1A OVERVIEW

BRAND CHART

adidas and Runtastic are separate


employers.

This means, whenever we


talk about Runtastic as an employer,
we use the Runtastic logo.

Whenever it is marketing / content


related, we use adidas Runtastic.

Our apps are made by Runtastic.


ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

1B PERFORMANCE BADGE

CONSTRUCTION & OUTLINE


MAIN VERSION ALTERNATIVE OUTLINED VERSION
Do not create your own artwork but
use the provided files instead.
Do not alter line-weight or integrity.
Do not fill outline with pattern or
text.
Partially outlined versions are not
permitted.
Do not rotate, distort or warp the
logo in any way.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

1B PERFORMANCE BADGE

COLOR
MAIN VERSION ALTERNATIVE VERSION
The preferred execution is for the
Performance logo to be white on a
black background. As a secondary
option, it is possible to use a black
Performance logo on a white
background.

Do not use other colors than


#000000 Black
and #FFFFFF White.

WHITE BLACK
ON ON
BLACK WHITE
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

1B PERFORMANCE BADGE

CLEAR SPACE
MINIMUM CLEAR SPACE EXTREME CLEAR SPACE
The clear space rules also apply to
any of the other products and brand
logos: adidas training app, adidas
running app, adidas runtastic.

MINIMUM CLEAR SPACE

Clear space is equal to the width of


a single bar.

EXTREME CLEAR SPACE

For extreme formats, clear space


must be no smaller than the space
between the bars.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

1C LOGO

COMPANY LOGO

This logo should only be used


when referring to Runtastic as
an employer (to represent the
company).

The typeface is adineue pro bold,


with a standard Tracking of 0pt.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

1C LOGO

MARKETING & CONTENT LOGO


VARIATIONS HORIZONTAL VARIATION VERTICAL VARIATION

The logo is a combination of


the performance badge and a
‘RUNTASTIC’ typeface written in
adihausDIN Condensed Bold Italic,
with a standard Tracking of 0pt.

We have two logo versions available,


a horizontal variation as well as a
vertical variation, we encourage you
to use the variation best suited to
your layout.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

1D CONSTRUCTION

SPACING HORIZONTAL VARIATION VERTICAL VARIATION

The distance between the


performance badge and the
‘RUNTASTIC’ typeface must be
equivalent to 2 times the spacing
between the three stripes bars.

MINUMUM CLEAR SPACE

Clear space all around must be


no smaller than the height of the
‘RUNTASTIC’ typeface.

The same clear space rule applies


to the company logo.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

1E HORIZONTAL LOGO SIZE

PRINT COMMUNICATION
PRINT COMMUNICATION DIGITAL COMMUNICATION
Minimum width of the adidas
Runtastic logo is 45 mm. In extreme
formats can it be reduced to a width
of 40 mm.

DIGITAL COMMUNICATION

Minimum width of the adidas


Runtastic logo is 320 pixels. For any
45 MM 160 px
smaller formats the performance
badge should be used in isolation
with a minimum size of 30 pixels.

12 MM 30 px
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

1E VERTICAL LOGO SIZE

PRINT COMMUNICATION
PRINT COMMUNICATION DIGITAL COMMUNICATION
Minimum width of the adidas
Runtastic logo is 35 mm. In extreme
formats can it be reduced to a width
of 30 mm.

DIGITAL COMMUNICATION

Minimum width of the adidas


Runtastic logo is 120 pixels. For any
smaller formats the performance
badge should be used in isolation
with a minimum size of 30 pixels.
35 MM 120 px

12 MM 30 px

35 MM 120 px
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

1F VIOLATIONS
FOR BOTH VERTICAL AND HORIZONTAL VARIATONS

PLEASE BE AWARE OF THE 1 2 3 4


FOLLOWING

1. Do not resolve the logo in two


different colors

2. Do not distort or warp the logo in


any way

3. Do not rotate the logo

4. Do not use the wordmark without


the adidas badge of sport if it isn’t
concerning Runtastic as an employer 5 6 7 8

5. Do not adjust the position or size of


the logo elements

6. Do not resolve the logo in an outline

7. Do not fill the logo with an image,


text or graphics

8. Do not overbrand or use a


repeating pattern
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

2A COLORS

PRIMARY COLORS PRIMARY COLORS

Our primary brand colors consist


of ADIBLACK and ADIWHITE. The
color TEAL is used more as an
accent color when it comes to brand
communication however in product
ADIBLACK ADIWHITE TEAL PREMIUM GOLD
design the TEAL is used in a more
CMYK 0/0/0/100 CMYK 0/0/0/0 PANTONE 7474 C CMYK 15/30/70/20
prominent way.
RGB 0/0/0 RGB 255/255/255 CMYK 95/10/35/30 RGB 192/158/80
HEX 000000 HEX FFFFFF RGB 0/118/129 HEX C09E50
HEX 007681

SECONDARY COLORS

RICH BLACK SPANISH GRAY PASTEL GRAY ANTI-FLASH WHITE VIRIDIAN GREEN

PANTONE 426 C PANTONE Cool Gray 7 C PANTONE Cool Gray 3 C CMYK 10/5/5/0 CMYK 80/15/40/0
CMYK 95/75/55/95 CMYK 20/15/10/40 CMYK 10/5/10/15 RGB 242/242/242 RGB 0/159/163
RGB 37/40/42 RGB 151/153/155 RGB 200/201/199 HEX F2F2F2 HEX 009FA3
HEX 25282A HEX 97999B HEX C8C9C7
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

2B ADINEUE PRO

ADINEUE PRO BLACK & LIGHT ADINEUE PRO BLACK

ABCDEFGHIJKLMN
Adineue PRO Black is our primary headline font. It is a bold font that is used
Black and Light are the primary
in our print and online advertisements, so it is used as our primary headline
weights to be used for headlines.
font to establish a branded experience across all of our different touch

Built from the backbone of adidas OPQRSTUVWXYZ points.

0123456789
geometries, Adineue PRO unifies
As this is a heavy set font, we keep its use to a minimum on the website so
the Consumer touchpoints of our
as not to have too many headlines competing for attention.
brand under one system of type.
Inspired by our brand‘s history of
innovation and engineering, it‘s
a typeface for our modern digital
ADINEUE PRO LIGHT
world, and the next era of adidas.

ABCDEFGHIJKLMN
Adineue PRO Light is also a key font across our different marketing
DO NOT USE AS BODY COPY. channels. On the website, it is our secondary headline font as it
DO NOT USE LOWERCASE. compliments the strength of the bold Adineue PRO Black font with its super

OPQRSTUVWXYZ light font-weight.

0123456789
Correct Usage when referring to the typeface: Adineue PRO -or- ADINEUE PRO
Incorrect Usage examples: AdiNeue PRO, adineue pro, adineue PRO, ADIneue PRO, adiNeue Pro, adiPRO, adipro
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

2B ADINEUE PRO FAMILY

ALL ADINEUE PRO WEIGHTS


LIGHT
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Black and Light are the primary
weights to be used for headlines. LIGHT ITALIC
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Other weights are reserved for
Creative Direction and should only
REGULAR
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
be used with approval from Brand
Design. ITALIC
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
DO NOT USE AS BODY COPY.
DO NOT USE LOWERCASE. BOLD
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
BOLD ITALIC
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
BLACK
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
BLACK ITALIC
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

2B ADINEUE PRO INTERNATIONAL EQUIVALENCE

LOCALISATIONS

Due to glyphs & signs specifications,


CS, DE, EN-UK, EN-US,
ES, FR, IT, NL, PT, PL, TR ADINEUE PRO FAMILY
some markets require the use of an
other font that look similar to the
Adineue Pro collection.
RU ADINEUE PRO CYR
DO NOT USE AS BODY COPY.

SOURCE HAN SANS CN


DO NOT USE LOWERCASE.

ZH-CN

ZH-TW
SOURCE HAN SANS TW

KO ADOBE GOTHIC STANDARD

JA
KOZUKA GOTHIC PRO
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

2B ADIHAUS DIN

Aa Aa Aa Aa
ADIHAUS DIN ADIHAUS DIN REGULAR ADIHAUS DIN MEDIUM

Adihaus DIN is a font developed


specifically for adidas and has been
specially designed for use as body
copy because it is easy to read large
amounts of copy at a small scale.
Use Adihaus DIN for all internal or
external communications.

Aa Aa
ADIHAUS DIN BOLD
Only three font weights are approved
for communication use: Adihaus
DIN regular, medium, and bold.

ITALIC FONT SHOULD BE USED


TO EMPHASIZE A WORD OR
THOUGHT, NOT FOR HEADLINES OR
PARAGRAPH TEXT.

Adihaus DIN is for sub-heads and introductory text as well as body copy and footnotes.

Correct Usage when referring to the typeface: Adihaus DIN -or- ADIHAUS DIN
Incorrect Usage examples: AdiHaus DIN, adihaus din, adihaus DIN, ADIhaus DIN, adiHaus Din
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

2B ADIHAUS DIN INTERNATIONAL EQUIVALENCE

ADIHAUS DIN FAMILY


LOCALISATIONS CS, DE, EN-UK, EN-US,
ES, FR, IT, NL, PT, PL,
Due to glyphs & signs specifications, TR, RU
asian markets require the use of an

SOURCE HAN SANS CN


other font that look similar to the
Adihaus DIN collection.
ZH-CN
ITALIC FONT SHOULD BE USED
TO EMPHASIZE A WORD OR

SOURCE HAN SANS TW


THOUGHT, NOT FOR HEADLINES OR
PARAGRAPH TEXT.
ZH-TW

KO
SOURCE HAN SANS KR

JA
SOURCE HAN SANS JP
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

2B HIERARCHY

VARIABLE APPROACH

For more creative flexibility, the


typography hierarchy can vary
according to the seasonal syles,
campaigns and activations.

It is important to follow the


dedicated typography guidelines
prepared for each use case.

Fonts can be combined in mutliple


different ways, like shown on the
examples.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

3A DIGITAL AVATARS PRINCIPLE

SIZING SQUARE AVATAR ROUND AVATAR

The percentage of the width size is


based on the canva size (100%).
For example, a width size of 50%
means a width size equivalent to
half the canva size.
For every logo, the size is defined
according to their width size, not
their height size.

MARGIN

To optically center each logo, a


specific margin bottom percentage
is defined.
The percentage of the margin
bottom size is based on the canva
size (100%).
For example, a 30% margin bottom
means a size equivalent to 30% of
the canva size.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

3A DIGITAL AVATARS: PERFORMANCE BADGE

SIZING SQUARE AVATAR ROUND AVATAR

The logo width size is 62.5% of the


canva size for both the square and
round avatar.

MARGIN

Square avatar: the margin bottom


size is 33% of the canva size.

Round avatar: the margin bottom


size is 36% of the canva size.

Careful: Many platforms ask


for a square profile picture and
automatically crop them into a
round shape. For those use cases,
please make sure to apply the round
margin rule of 36% when providing
the square image.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

3A DIGITAL AVATARS: ADIDAS RUNTASTIC

SIZING SQUARE AVATAR ROUND AVATAR

The logo width size is 68% of the


canva size for both the square and
round avatar.

MARGIN

Square avatar: the margin bottom


size is 32% of the canva size.
Round avatar: the margin bottom
size is 35% of the canva size.

Careful: Many platforms ask


for a square profile picture and
automatically crop them into a
round shape. For those use cases,
please make sure to apply the round
margin rule of 35% when providing
the square image.

DO NOT USE THE HORIZONTAL


LOGO VARIATION FOR DIGITAL
AVATARS.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

3A DIGITAL AVATARS: PRODUCT LOGOS

SIZING SQUARE AVATAR ROUND AVATAR

The logo width size is 62.5% of the


canva size for both the square and
round avatar.

MARGIN

Square avatar: the margin bottom


size is 30% of the canva size.
Round avatar: the margin bottom
size is 32% of the canva size.

Careful: Many platforms ask


for a square profile picture and
automatically crop them into a
round shape. For those use cases,
please make sure to apply the round
margin rule of 32% when providing
the square image.

DO NOT USE THE HORIZONTAL


LOGO VARIATION FOR DIGITAL
AVATARS.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

3B APP ICONS

TEXTURES ADIDAS RUNNING ADIDAS TRAINING

Background textures should be


kept as shown and not be replaced,
retouched, scaled or skewed.

RUNNING BACKGROUND

TRAINING BACKGROUND
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

3B APP ICONS: WATCH

BACKGROUND ADIDAS RUNNING ADIDAS TRAINING

To improve the visibility of the


app icons on the various watch
interfaces (black backgrounds),
the textures are replaced by solid
colors.
#333333

This rule apply to every watch


platforms: Watch OS, Wear OS,
Huawei OS etc... RUNNING BACKGROUND

DO NOT USE THOSE APP ICON


VARIATIONS ON IMAGES THAT
ARE NOT EXPLICITLY RELATED TO #F2F2F2
WATCH USE CASES.

TRAINING BACKGROUND
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

4A PRODUCT LOGOS

ADIDAS RUNNING & ADIDAS


TRAINING ADIDAS RUNNING ADIDAS TRAINING

The product logos are used to


promote our apps, both for digital
and print purposes.

We have two logo versions available,


a horizontal variation as well as a
vertical variation, we encourage you
to use the variation best suited to
your layout.

When promoting both apps at the


same time, we try to avoid using
both product logos next to each
other.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

4B CONSTRUCTION

SPACING
ADIDAS RUNNING ADIDAS TRAINING
The distance between the
performance badge and the
‘RUNNING’ or ‘TRAINING’ typefaces
must be equivalent to 2 times the
spacing between the three stripes
bars.

MINUMUM CLEAR SPACE

Clear space all around must be


no smaller than the height of
the ‘RUNNING’ or ‘TRAINING’
typefaces.

For extreme vertical and horizontal


placements, clear space must be
no smaller than 2 times the spacing
between the three stripes bars.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

4C VIOLATIONS
FOR BOTH ADIDAS RUNNING AND ADIDAS TRAINING VERTICAL AND HORIZONTAL LOGOS

PLEASE BE AWARE OF THE 1 2 3 4


FOLLOWING

1. Do not resolve the logo in two


different colors

2. Do not distort or warp the logo in


any way

3. Do not rotate the logo

4. Do not use the wordmark without the


adidas badge of sport
5 6 7 8
5. Do not adjust the position or size of
the logo elements

6. Do not resolve the logo in an outline

7. Do not fill the logo with an image,


text or graphics

8. Do not overbrand or use a


repeating pattern
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

4D MINIMUM SIZING
FOR BOTH ADIDAS RUNNING AND ADIDAS TRAINING

PRINT COMMUNICATION
PRINT COMMUNICATION DIGITAL COMMUNICATION
Minimum width of the product logos
are 15 mm for the vertical variations
and 35mm for the horizonal
variations. In extreme formats it can
be reduced to a width of 12 mm for
the vertical variations and 32 mm
for the horizontal variations.

DIGITAL COMMUNICATION
15 MM 80 px
Minimum width of the product
logos are 80 pixels for the vertical
variations and 120 px for the
horizontal variations. In extreme
12 MM 30 px
formats it can be reduced to a width
of 60 px for the vertical variations
and 100 px for the horizontal
variations.
For any smaller formats, the
Performance Badge should be used 35 MM 120 px
in isolation with a minimum size of
30 pixels.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

5A DIGITAL SIZING
FOR BOTH ADIDAS RUNNING AND ADIDAS TRAINING VARIATIONS

RECOMMENDATIONS
STANDARD SIZING EXTREME/BANNER SIZING

Vertical product logo sizing for most 1


2 1 1
digital layouts is 1/4 of the short 2 1
3
side of layout. 4 2 3
5 4
2
Horizontal product logo sizing for 3
6
most digital layouts is 1/8 of the 7
4
short side of layout. 8 1 2

Banners and other extreme H/V


dimensions use a full 1/2 of the
short side of layout for the vertical 1
1
variations or 1/4 of the short side of 2

layout for the horizontal variations. 3


2
4
The rules for digital sizing are 5
recommendations based on most 3
6
frequent use cases and formats.
7
The rules can be broken to best
4
suits each layouts. 8

1 2 3 4
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

5B DIGITAL MARGINS & PLACEMENT


FOR BOTH ADIDAS RUNNING AND ADIDAS TRAINING VARIATIONS

VERTICAL PRODUCT LOGOS


STANDARD MARGINS & PLACEMENT EXTREME MARGINS & PLACEMENT
In digital ATL, margins are
equivalent to the size of the
performance badge. The product
logos must be centered on the long placement: also applies to vertical formats. Use the five placement options below. extreme margins: only at the short sides of both horizontal and verical layouts.
or short axis. For horizontal and extreme placement: keep centered along the long axis for both horizontal and vertical layouts.
vertical layouts we keep the product
logos anchored to either the right or
left margins, the center midline, or
the quarter midlines. 5 placement
options are available for each
layout.

The rules for digital sizing are


recommendations based on most
frequent use cases and formats.
The rules can be broken to best
suits each layouts or for specific
activation layouts.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

5B DIGITAL MARGINS & PLACEMENT


FOR BOTH ADIDAS RUNNING AND ADIDAS TRAINING VARIATIONS

HORIZONTAL PRODUCT LOGOS


STANDARD MARGINS & PLACEMENT EXTREME MARGINS & PLACEMENT
In digital ATL, margins are
equivalent to the size of the
performance badge. The product
logos must be centered on the long placement: also applies to vertical formats. Use the five placement options below. extreme margins: only at the short sides of both horizontal and verical layouts.
or short axis. For horizontal and extreme placement: keep centered along the long axis for both horizontal and vertical layouts.
vertical layouts we keep the product
logos anchored to either the right or
left corners or the center midlines.
9 placement options are available
for each layout or 3 options for
extreme formats due to the extreme
margins.

The rules for digital sizing are


recommendations based on most
frequent use cases and formats.
The rules can be broken to best
suits each layouts or for specific
activation layouts.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

6A VISUAL GUIDANCE

VISION AND MISSION

We follow the same vision as adidas:

Through Sport we have the power to


change lives.

Additionnally to that, our mission is


the following:

Engaging and empowering 1 billion


connected athletes.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

6A VISUAL GUIDANCE

CONSUMER OBESSSION

When designing, we focus on the


mobile user experience by making
sure the content is readable on a
mobile device for example.

MOBILE
Creators are always on, always
connected. Communications have
evolved from billboards to phones.

FIRST
From generic. one-size-fits-all
messaging to unique, personalised
content. The handheld retail
revolution is well under way; mobile
is their wallet, their shopping
assistant, the remote control to
their lives.
Mobile is the best vehicle to
access, build and cultivate direct
relationships with each creator, and
their local and globally connected
communities.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

6A VISUAL GUIDANCE

ADIDAS BRAND DIRECTION AND


BRAND IDENTITY

We align our visual content to the


adidas creative direction.

It is developped and explained into


a set of documents that are updated
on a yearly basis.

To access this guidance, we


recommend to consult the following
pages (may not be accessible to
externals):

https://branddirection.adidas.com/

https://brandidentity.adidas.com/
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

6A VISUAL GUIDANCE

STYLE COMPONENTS

When creating visual content and


capturing photography, we follow
those principles:

- True to life styling


- Ethnic + Body diversity
- Interesting angles
- High contrast
- Natural light
- Focus on interesting textures in
locations
- Real athletes & Authentic
expressions
- Female focus
- Subtle & creatibe brand application
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

6B APPLICATIONS

ACTIVATIONS & VISUAL STYLE

Visual styles are defined for specific


activations. They push forward
the Brand look & feel and bring a
unique and catchy visual language
for a certain amount of time.

Activation visual styles are renewed


and changed throughout the year
but they always follow the yearly
adidas creative direction.
The goal is to bring visual variety
to many assets & touchpoints
(e.g.: Instagram profile picture
background changed regularly
according to the current activation
style).
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

6C REFERENCES

Channels overview
DIGITAL PRODUCTS
Here are some examples of our
Brand look & feel accross all our
channels.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

6C REFERENCES

Channels overview
APP STORES
Here are some examples of our
Brand look & feel accross all our
channels.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

6C REFERENCES

Channels overview
DIGITAL COMMUNICATION
Here are some examples of our
Brand look & feel accross all our
channels.
ADIDAS RUNTASTIC 1A Overview 1E Size 3A Digital avatars 4C Violations & Placement
Brand Manual 1B Perf. Badge 1F Violations 3B App Icons 4D Minimum Size 6A Visual Guidance
June 2022 1C Logo 2A Color Palette 4A Product Logos 5A Digital Sizing 6B Application
1D Construction 2B Typefaces 4B Construction 5B Digital Margins 6C References

6C REFERENCES

Channels overview
BRAND MARKETING / EVENTS
Here are some examples of our
Brand look & feel accross all our
channels.
THANK YOU

You might also like