ADIDAS Running Brand Book
This document outlines Runtastic's brand identity and provides guidance on its usage as of June 2022.
IDENTITY & GUIDANCE BRAND GUIDELINES / JUNE 2022
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 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. 1A OVERVIEW
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 1B PERFORMANCE BADGE CONSTRUCTION & OUTLINE 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. MAIN VERSION ALTERNATIVE OUTLINED VERSION
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 1B PERFORMANCE BADGE COLOR 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. MAIN VERSION ALTERNATIVE VERSION BLACK ON WHITE WHITE ON BLACK
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 1B PERFORMANCE BADGE 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. MINIMUM CLEAR SPACE EXTREME CLEAR SPACE
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 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. 1C LOGO
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References MARKETING & CONTENT LOGO VARIATIONS 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. 1C LOGO HORIZONTAL VARIATION VERTICAL VARIATION
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 1D CONSTRUCTION SPACING 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. HORIZONTAL VARIATION VERTICAL VARIATION
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 1E HORIZONTAL LOGO SIZE PRINT 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 smaller formats the performance badge should be used in isolation with a minimum size of 30 pixels. DIGITAL COMMUNICATION 45 MM 160 px 30 px 12 MM PRINT COMMUNICATION
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 1E VERTICAL LOGO SIZE PRINT 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. DIGITAL COMMUNICATION PRINT COMMUNICATION 120 px 35 MM 35 MM 120 px 30 px 12 MM
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 1F VIOLATIONS PLEASE BE AWARE OF THE 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 isnt concerning Runtastic as an employer 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 1 5 2 6 3 7 4 8 FOR BOTH VERTICAL AND HORIZONTAL VARIATONS
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References PRIMARY COLORS SECONDARY COLORS PANTONE CMYK RGB HEX CMYK RGB HEX CMYK RGB HEX CMYK RGB HEX PANTONE CMYK RGB HEX CMYK RGB HEX PANTONE CMYK RGB HEX PANTONE CMYK RGB HEX CMYK RGB HEX 426 C 95/75/55/95 37/40/42 25282A 80/15/40/0 0/159/163 009FA3 15/30/70/20 192/158/80 C09E50 10/5/5/0 242/242/242 F2F2F2 Cool Gray 3 C 10/5/10/15 200/201/199 C8C9C7 0/0/0/0 255/255/255 FFFFFF 7474 C 95/10/35/30 0/118/129 007681 Cool Gray 7 C 20/15/10/40 151/153/155 97999B 0/0/0/100 0/0/0 000000 ADIBLACK RICH BLACK VIRIDIAN GREEN PREMIUM GOLD ANTI-FLASH WHITE PASTEL GRAY ADIWHITE TEAL SPANISH GRAY 2A 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 design the TEAL is used in a more prominent way.
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References ABCDEFGHIJKLMN OPQRSTUVWXYZ 0123456789 ABCDEFGHIJKLMN OPQRSTUVWXYZ 0123456789 2B ADINEUE PRO ADINEUE PRO BLACK & LIGHT Black and Light are the primary weights to be used for headlines. Built from the backbone of adidas geometries, Adineue PRO unifies the Consumer touchpoints of our brand under one system of type. Inspired by our brands history of innovation and engineering, its a typeface for our modern digital world, and the next era of adidas. DO NOT USE AS BODY COPY. DO NOT USE LOWERCASE. Adineue PRO Black is our primary headline font. It is a bold font that is used in our print and online advertisements, so it is used as our primary headline font to establish a branded experience across all of our different touch points. As this is a heavy set font, we keep its use to a minimum on the website so as not to have too many headlines competing for attention. Adineue PRO Light is also a key font across our different marketing channels. On the website, it is our secondary headline font as it compliments the strength of the bold Adineue PRO Black font with its super light font-weight. 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 ADINEUE PRO BLACK ADINEUE PRO LIGHT
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 2B ADINEUE PRO FAMILY ALL ADINEUE PRO WEIGHTS Black and Light are the primary weights to be used for headlines. Other weights are reserved for Creative Direction and should only be used with approval from Brand Design. DO NOT USE AS BODY COPY. DO NOT USE LOWERCASE. LIGHT LIGHT ITALIC REGULAR ITALIC BOLD BOLD ITALIC BLACK BLACK ITALIC
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References ADINEUE PRO FAMIL Y ADINEUE PRO CYR SOURCE HAN SANS CN SOURCE HAN SANS TW ADOBE GOTHIC STANDARD KOZUKA GOTHIC PRO 2B ADINEUE PRO INTERNATIONAL EQUIVALENCE LOCALISATIONS Due to glyphs & signs specifications, some markets require the use of an other font that look similar to the Adineue Pro collection. DO NOT USE AS BODY COPY. DO NOT USE LOWERCASE. CS, DE, EN-UK, EN-US, ES, FR, IT, NL, PT, PL, TR RU ZH-CN ZH-TW KO JA
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References Aa Aa Aa Aa Aa Aa 2B ADIHAUS DIN ADIHAUS DIN 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. 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. 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 Adihaus DIN is for sub-heads and introductory text as well as body copy and footnotes. ADIHAUS DIN REGULAR ADIHAUS DIN MEDIUM ADIHAUS DIN BOLD
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References ADIHAUS DIN FAMILY 2B ADIHAUS DIN INTERNATIONAL EQUIVALENCE LOCALISATIONS Due to glyphs & signs specifications, asian markets require the use of an other font that look similar to the Adihaus DIN collection. ITALIC FONT SHOULD BE USED TO EMPHASIZE A WORD OR THOUGHT, NOT FOR HEADLINES OR PARAGRAPH TEXT. CS, DE, EN-UK, EN-US, ES, FR, IT, NL, PT, PL, TR, RU SOURCE HAN SANS CN SOURCE HAN SANS TW SOURCE HAN SANS KR SOURCE HAN SANS JP ZH-CN ZH-TW KO JA
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 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 Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 3A DIGITAL AVATARS PRINCIPLE SIZING 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. SQUARE AVATAR ROUND AVATAR
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 3A DIGITAL AVATARS: PERFORMANCE BADGE SIZING 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. SQUARE AVATAR ROUND AVATAR
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 3A DIGITAL AVATARS: ADIDAS RUNTASTIC SIZING 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. SQUARE AVATAR ROUND AVATAR
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 3A DIGITAL AVATARS: PRODUCT LOGOS SIZING 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. SQUARE AVATAR ROUND AVATAR
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 3B APP ICONS TEXTURES Background textures should be kept as shown and not be replaced, retouched, scaled or skewed. ADIDAS RUNNING ADIDAS TRAINING RUNNING BACKGROUND TRAINING BACKGROUND
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 3B APP ICONS: WATCH BACKGROUND To improve the visibility of the app icons on the various watch interfaces (black backgrounds), the textures are replaced by solid colors. This rule apply to every watch platforms: Watch OS, Wear OS, Huawei OS etc... DO NOT USE THOSE APP ICON VARIATIONS ON IMAGES THAT ARE NOT EXPLICITLY RELATED TO WATCH USE CASES. ADIDAS RUNNING ADIDAS TRAINING RUNNING BACKGROUND TRAINING BACKGROUND #333333 #F2F2F2
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 4A PRODUCT LOGOS 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 RUNNING ADIDAS TRAINING
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 4B CONSTRUCTION SPACING 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 RUNNING ADIDAS TRAINING
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 4C VIOLATIONS PLEASE BE AWARE OF THE 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. 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 1 5 2 6 3 7 4 8 FOR BOTH ADIDAS RUNNING AND ADIDAS TRAINING VERTICAL AND HORIZONTAL LOGOS
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 4D MINIMUM SIZING PRINT 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 Minimum width of the product logos are 80 pixels for the vertical variations and 120 px for the horizontal variations. In extreme 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 in isolation with a minimum size of 30 pixels. DIGITAL COMMUNICATION PRINT COMMUNICATION 80 px 15 MM FOR BOTH ADIDAS RUNNING AND ADIDAS TRAINING 35 MM 120 px 30 px 12 MM
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 5A DIGITAL SIZING RECOMMENDATIONS Vertical product logo sizing for most digital layouts is 1/4 of the short side of layout. Horizontal product logo sizing for most digital layouts is 1/8 of the short side of layout. Banners and other extreme H/V dimensions use a full 1/2 of the short side of layout for the vertical variations or 1/4 of the short side of layout for the horizontal variations. 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. STANDARD SIZING EXTREME/BANNER SIZING FOR BOTH ADIDAS RUNNING AND ADIDAS TRAINING VARIATIONS 1 1 1 1 1 2 3 4 2 2 2 3 3 3 4 4 4 5 5 6 6 7 7 8 8 2 3 4 1 2 2 1 1 2 3 4
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 5B DIGITAL MARGINS & PLACEMENT VERTICAL PRODUCT LOGOS In digital ATL, margins are equivalent to the size of the performance badge. The product logos must be centered on the long or short axis. For horizontal and 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. STANDARD MARGINS & PLACEMENT EXTREME MARGINS & PLACEMENT 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. extreme placement: keep centered along the long axis for both horizontal and vertical layouts. FOR BOTH ADIDAS RUNNING AND ADIDAS TRAINING VARIATIONS
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 5B DIGITAL MARGINS & PLACEMENT HORIZONTAL PRODUCT LOGOS In digital ATL, margins are equivalent to the size of the performance badge. The product logos must be centered on the long or short axis. For horizontal and 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. STANDARD MARGINS & PLACEMENT EXTREME MARGINS & PLACEMENT 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. extreme placement: keep centered along the long axis for both horizontal and vertical layouts. FOR BOTH ADIDAS RUNNING AND ADIDAS TRAINING VARIATIONS
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 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 Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 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. Creators are always on, always connected. Communications have evolved from billboards to phones. 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. MOBILE FIRST
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 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 Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 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 Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 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 Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 6C REFERENCES Channels overview Here are some examples of our Brand look & feel accross all our channels. DIGITAL PRODUCTS
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 6C REFERENCES Channels overview Here are some examples of our Brand look & feel accross all our channels. APP STORES
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 6C REFERENCES Channels overview Here are some examples of our Brand look & feel accross all our channels. DIGITAL COMMUNICATION
ADIDAS RUNTASTIC Brand Manual June 2022 1A Overview 1B Perf. Badge 1C Logo 1D Construction 1E Size 1F Violations 2A Color Palette 2B Typefaces 3A Digital avatars 3B App Icons 4A Product Logos 4B Construction 4C Violations 4D Minimum Size 5A Digital Sizing 5B Digital Margins & Placement 6A Visual Guidance 6B Application 6C References 6C REFERENCES Channels overview Here are some examples of our Brand look & feel accross all our channels. BRAND MARKETING / EVENTS
THANK YOU