Formula 1 Brand Guidelines 2018

A 205-page Formula 1 brand guideline system built on a hairline-rule grid, a tight three-colour palette of warm red, carbon black and off-white, and a custom geometric display typeface set in oversized all-caps.

205 slides · Guideline

View deck overview
Formula 1 brand guidelines cover, dark-mode, technical, dark
Formula 1 brand guidelines cover
Introduction statement, light-mode, editorial, light
Introduction statement
Table of contents (Our Story to Typography), light-mode, editorial, light
Table of contents (Our Story to Typography)
Table of contents continued (Typography to Graphic Patterns), light-mode, editorial, light
Table of contents continued (Typography to Graphic Patterns)
Table of contents continued (Visual Principles to Circuit Icons), light-mode, editorial, light
Table of contents continued (Visual Principles to Circuit Icons)
Our Story section opener, dark-mode, technical, dark
Our Story section opener
Marketing strategy (Who / What / How / Why), dark-mode, technical, dark
Marketing strategy (Who / What / How / Why)
Our mission full-bleed statement, editorial, technical, vibrant
Our mission full-bleed statement
It all starts with the fan, editorial, photographic, dark
It all starts with the fan
Make the spectacle more spectacular, editorial, photographic, monochrome
Make the spectacle more spectacular
F1 Break Borders manifesto spread, editorial, photographic, dark
F1 Break Borders manifesto spread
F1 personality word stack, editorial, dark-mode, dark
F1 personality word stack
F1 design behaviours, "Feel the blood boil, editorial, dark-mode, dark
F1 design behaviours, "Feel the blood boil
F1 tone of voice, "Grit Guts Fire Fury, editorial, light-mode, light
F1 tone of voice, "Grit Guts Fire Fury
James Hunt death-quote slide, editorial, minimal, dark
James Hunt death-quote slide
Visual Identity section divider, editorial, dark-mode, dark
Visual Identity section divider
The heart of the brand overview, editorial, swiss, light
The heart of the brand overview
F1 primary logo presentation, editorial, dark-mode, dark
F1 primary logo presentation
F1 logo suite, editorial, minimal, light
F1 logo suite
Colour split type spread, editorial, brutalist, dark
Colour split type spread
F1 brand colours swatch page, editorial, minimal, light
F1 brand colours swatch page
Speed Attack Control type statement, editorial, minimal, vibrant
Speed Attack Control type statement
Formula 1 typeface weights specimen, editorial, minimal, light
Formula 1 typeface weights specimen
F1 Logo master grid section opener, editorial, minimal, vibrant
F1 Logo master grid section opener
F1 logo sizes (Standard, Display, Micro), editorial, minimal, light
F1 logo sizes (Standard, Display, Micro)
Standard Logo section opener, editorial, minimal, muted
Standard Logo section opener
Standard F1 logo on carbon black, editorial, minimal, dark
Standard F1 logo on carbon black
Standard logo clear space diagram, editorial, minimal, light
Standard logo clear space diagram
Standard logo orientation do and don't, editorial, minimal, light
Standard logo orientation do and don't
Standard logo example applications, editorial, minimal, light
Standard logo example applications
Standard logo misuse grid, editorial, minimal, light
Standard logo misuse grid
Display Logo section opener, editorial, minimal, muted
Display Logo section opener
Display F1 logo large-scale on carbon, editorial, minimal, dark
Display F1 logo large-scale on carbon
Display logo clear space diagram, editorial, minimal, light
Display logo clear space diagram
Display logo orientation do and don't, editorial, minimal, light
Display logo orientation do and don't
Display logo example applications, editorial, minimal, light
Display logo example applications
Display logo misuse and limits, editorial, minimal, light
Display logo misuse and limits
Micro Logo section opener, editorial, minimal, muted
Micro Logo section opener
Micro F1 logo clear space and orientation, editorial, minimal, light
Micro F1 logo clear space and orientation
Micro F1 logo example applications, editorial, minimal, light
Micro F1 logo example applications
Micro F1 logo misuse (do not enlarge), editorial, minimal, light
Micro F1 logo misuse (do not enlarge)
Logo Colour section divider, editorial, brutalist, vibrant
Logo Colour section divider
Logo colour approved combinations, editorial, minimal, light
Logo colour approved combinations
Logo Lock-ups section divider, editorial, brutalist, vibrant
Logo Lock-ups section divider
Logo lock-ups overview (Formula 1 and Championship), editorial, minimal, dark
Logo lock-ups overview (Formula 1 and Championship)
F1 Formula 1 logo sub-section divider, editorial, brutalist, muted
F1 Formula 1 logo sub-section divider
F1 Formula 1 logo construction, editorial, minimal, dark
F1 Formula 1 logo construction
F1 Formula 1 logo configurations, editorial, minimal, dark
F1 Formula 1 logo configurations
F1 Formula 1 logo clear space, editorial, minimal, light
F1 Formula 1 logo clear space
F1 Formula 1 logo colour lock-ups, editorial, minimal, light
F1 Formula 1 logo colour lock-ups
F1 Formula 1 logo example applications, editorial, minimal, light
F1 Formula 1 logo example applications
F1 Formula 1 logo misuse, editorial, minimal, light
F1 Formula 1 logo misuse
F1 Championship logo sub-section divider, editorial, brutalist, muted
F1 Championship logo sub-section divider
F1 Championship logo construction, editorial, minimal, dark
F1 Championship logo construction
F1 Championship logo configurations, editorial, minimal, dark
F1 Championship logo configurations
F1 Championship logo clear space, editorial, minimal, light
F1 Championship logo clear space
F1 Championship logo colour lock-ups, editorial, technical, light
F1 Championship logo colour lock-ups
F1 Championship logo example applications, editorial, technical, light
F1 Championship logo example applications
Colour section opener on warm red, editorial, technical, vibrant
Colour section opener on warm red
Primary colours specification, editorial, technical, light
Primary colours specification
Primary colour proportional usage, editorial, technical, light
Primary colour proportional usage
Primary colour palette in application, editorial, photographic, muted
Primary colour palette in application
Typography section opener on warm red, editorial, technical, vibrant
Typography section opener on warm red
Formula 1 typeface title page, editorial, technical, muted
Formula 1 typeface title page
Type voice sample - speed attack control, editorial, dark-mode, dark
Type voice sample - speed attack control
Formula 1 typeface overview - four weights, editorial, technical, light
Formula 1 typeface overview - four weights
F1 Wide weight - voice of speed, editorial, brutalist, vibrant
F1 Wide weight - voice of speed
F1 Black weight - voice of strength, editorial, dark-mode, dark
F1 Black weight - voice of strength
F1 Bold weight - engineered voice, editorial, technical, muted
F1 Bold weight - engineered voice
F1 Regular weight - voice of the mechanic, editorial, technical, light
F1 Regular weight - voice of the mechanic
Titillium body typeface for long reads, editorial, technical, light
Titillium body typeface for long reads
How to use type sub-section title, editorial, technical, muted
How to use type sub-section title
Impact vs Inform - display and body roles, editorial, technical, high-contrast
Impact vs Inform - display and body roles
Combining our fonts - Impact plus Inform, editorial, technical, light
Combining our fonts - Impact plus Inform
Combining our fonts, examples, editorial, technical, light
Combining our fonts, examples
Typographic hierarchy, editorial, technical, light
Typographic hierarchy
Use of caps, the scream of the engine, editorial, dark-mode, dark
Use of caps, the scream of the engine
Use of caps, weight specimens, editorial, technical, light
Use of caps, weight specimens
Avoid capitals in long copy, editorial, technical, light
Avoid capitals in long copy
Sentence case driver names, editorial, dark-mode, dark
Sentence case driver names
Sentence case weight specimens, editorial, technical, light
Sentence case weight specimens
Tracking and kerning specimen, editorial, dark-mode, dark
Tracking and kerning specimen
Tracking and kerning settings, editorial, technical, light
Tracking and kerning settings
Leading, tight is right, editorial, dark-mode, dark
Leading, tight is right
Leading, F1 Black headlines, editorial, dark-mode, light
Leading, F1 Black headlines
Leading, F1 Wide headlines, editorial, dark-mode, light
Leading, F1 Wide headlines
Leading, F1 Bold headlines, editorial, dark-mode, light
Leading, F1 Bold headlines
Type alignment, left centre right, editorial, dark-mode, dark
Type alignment, left centre right
Type alignment templates, editorial, technical, light
Type alignment templates
Baseline grid, suggested point sizes, editorial, technical, light
Baseline grid, suggested point sizes
Leading for body, F1 Bold and Regular, editorial, technical, light
Leading for body, F1 Bold and Regular
Line length, body copy, editorial, technical, light
Line length, body copy
F1 typography colour intro slide, editorial, dark-mode, dark
F1 typography colour intro slide
F1 type colour combinations slide, editorial, light-mode, light
F1 type colour combinations slide
F1 type colour tints slide, editorial, light-mode, light
F1 type colour tints slide
F1 type colour misuse slide, editorial, light-mode, light
F1 type colour misuse slide
F1 typography misuse grid slide, editorial, light-mode, light
F1 typography misuse grid slide
F1 Special Characters section divider, minimal, technical, monochrome
F1 Special Characters section divider
F1 ligatures specimen slide, editorial, dark-mode, dark
F1 ligatures specimen slide
Ligatures in F1 Regular, light-mode, editorial, light
Ligatures in F1 Regular
Ligatures in F1 Bold, light-mode, editorial, light
Ligatures in F1 Bold
Ligatures in F1 Black, light-mode, editorial, light
Ligatures in F1 Black
Ligatures in F1 Wide, light-mode, editorial, light
Ligatures in F1 Wide
Alternate characters introduction, dark-mode, technical, dark
Alternate characters introduction
Alternate characters - dialing up the attitude, light-mode, technical, light
Alternate characters - dialing up the attitude
Alternate characters - stylistic sets, light-mode, technical, light
Alternate characters - stylistic sets
Alternate characters glyph set - F1 Regular, light-mode, technical, light
Alternate characters glyph set - F1 Regular
F1 Bold alternate characters, editorial, technical, light
F1 Bold alternate characters
F1 Black alternate characters, editorial, technical, light
F1 Black alternate characters
F1 Wide alternate characters, editorial, technical, light
F1 Wide alternate characters
Alternate characters misuse spread, editorial, technical, light
Alternate characters misuse spread
F1 tabular glyphs grid, editorial, dark-mode, dark
F1 tabular glyphs grid
Tabular lining rows and tables, editorial, technical, light
Tabular lining rows and tables
Regional characters diacritics grid, editorial, dark-mode, dark
Regional characters diacritics grid
Regional characters F1 Black leading, editorial, technical, light
Regional characters F1 Black leading
Regional characters F1 Wide leading, editorial, technical, light
Regional characters F1 Wide leading
Regional characters F1 Bold leading, editorial, technical, light
Regional characters F1 Bold leading
Titillium section divider, editorial, technical, muted
Titillium section divider
Titillium long-read font specimen, editorial, technical, light
Titillium long-read font specimen
Titillium misuse spread, editorial, technical, light
Titillium misuse spread
F1 System red section opener, editorial, technical, vibrant
F1 System red section opener
Grid system divider, editorial, technical, muted
Grid system divider
Base grid 12pt square, editorial, technical, light
Base grid 12pt square
F1 base grid scaling, minimal, swiss, light
F1 base grid scaling
F1 base grid setup in InDesign, minimal, swiss, light
F1 base grid setup in InDesign
F1 layout grid (dark), minimal, swiss, dark
F1 layout grid (dark)
F1 layout grid sizing, minimal, swiss, light
F1 layout grid sizing
F1 layout grid columns, margins and gutters, minimal, swiss, light
F1 layout grid columns, margins and gutters
F1 layout grid five-step set-up, minimal, swiss, light
F1 layout grid five-step set-up
F1 layout grid across-format consistency, minimal, swiss, light
F1 layout grid across-format consistency
F1 "Graphic Devices" section opener, brutalist, technical, vibrant
F1 "Graphic Devices" section opener
F1 "Thick and Thin Lines" section opener, minimal, technical, dark
F1 "Thick and Thin Lines" section opener
F1 thick and thin lines overview, editorial, technical, light
F1 thick and thin lines overview
F1 thick and thin lines with content, minimal, technical, light
F1 thick and thin lines with content
F1 rounded corner ratios, minimal, technical, light
F1 rounded corner ratios
F1 thick and thin lines colour, minimal, technical, light
F1 thick and thin lines colour
F1 the red line and logo relationships, minimal, technical, light
F1 the red line and logo relationships
F1 thick and thin lines misuse, minimal, technical, light
F1 thick and thin lines misuse
F1 "Container Devices" section opener, minimal, technical, dark
F1 "Container Devices" section opener
Container devices intro slide, minimal, swiss, light
Container devices intro slide
Standard container sizing spec, minimal, swiss, light
Standard container sizing spec
Standard container uses spec, minimal, swiss, light
Standard container uses spec
Tabbed container construction spec, minimal, swiss, light
Tabbed container construction spec
Container devices example functions, minimal, technical, light
Container devices example functions
Rounded boxes misuse spec, minimal, swiss, light
Rounded boxes misuse spec
Graphic Patterns section divider, minimal, technical, muted
Graphic Patterns section divider
Graphic patterns four types, minimal, swiss, light
Graphic patterns four types
Graphic patterns colour pairings, minimal, technical, light
Graphic patterns colour pairings
Graphic patterns type alignment, minimal, swiss, light
Graphic patterns type alignment
Graphic patterns scaling, minimal, swiss, light
Graphic patterns scaling
Graphic patterns structural and background use, minimal, technical, light
Graphic patterns structural and background use
Graphic patterns misuse spec, minimal, swiss, light
Graphic patterns misuse spec
Visual Principles section divider, minimal, technical, vibrant
Visual Principles section divider
Extreme forces visual principles, minimal, technical, muted
Extreme forces visual principles
Tight not loose layout principle, minimal, swiss, light
Tight not loose layout principle
Activating and filling space principle, minimal, technical, light
Activating and filling space principle
Putting it all together section opener, editorial, technical, muted
Putting it all together section opener
Constructing a layout three-step workflow, editorial, technical, light
Constructing a layout three-step workflow
Layout examples applied templates, editorial, dark-mode, light
Layout examples applied templates
Basic document variations template library, editorial, technical, light
Basic document variations template library
Display and posters layout examples, editorial, dark-mode, light
Display and posters layout examples
Digital assets layout examples, editorial, dark-mode, light
Digital assets layout examples
Fixed Application red section divider, brutalist, technical, vibrant
Fixed Application red section divider
Uniform apparel mockups, editorial, dark-mode, dark
Uniform apparel mockups
Apparel merchandise mockups, editorial, dark-mode, dark
Apparel merchandise mockups
Trackside photography treatment, editorial, dark-mode, dark
Trackside photography treatment
Transport livery mockups, editorial, dark-mode, dark
Transport livery mockups
Passes and credentials system, editorial, dark-mode, dark
Passes and credentials system
Stationery suite mockups, editorial, corporate-clean, muted
Stationery suite mockups
Office signage 3D render, dark-mode, photographic, dark
Office signage 3D render
Social media avatar application, editorial, dark-mode, dark
Social media avatar application
Seasonal Identity section divider, editorial, dark-mode, dark
Seasonal Identity section divider
F1 Seasonal Identity placeholder note, editorial, minimal, light
F1 Seasonal Identity placeholder note
Partner Lock-ups section divider, editorial, dark-mode, dark
Partner Lock-ups section divider
Partner logo lock-up introduction, editorial, minimal, light
Partner logo lock-up introduction
Horizontal partner lock-up examples, editorial, minimal, light
Horizontal partner lock-up examples
Horizontal lock-up construction diagram, editorial, swiss, light
Horizontal lock-up construction diagram
Vertical partner lock-up examples, editorial, minimal, light
Vertical partner lock-up examples
Vertical lock-up construction diagram, editorial, swiss, light
Vertical lock-up construction diagram
Partner bucket-device flexibility, editorial, swiss, light
Partner bucket-device flexibility
Partner lock-up colour rules, editorial, swiss, light
Partner lock-up colour rules
Partner lock-up misuse, editorial, swiss, light
Partner lock-up misuse
F1 brand guidelines contact page, editorial, dark-mode, dark
F1 brand guidelines contact page
Appendix section divider, editorial, dark-mode, dark
Appendix section divider
Brand Architecture section divider, editorial, brutalist, vibrant
Brand Architecture section divider
Brand architecture overview copy, editorial, swiss, light
Brand architecture overview copy
F1 brand architecture diagram, editorial, swiss, light
F1 brand architecture diagram
F1 sub-brand construct guide, editorial, swiss, light
F1 sub-brand construct guide
Paddock Club section divider, editorial, brutalist, vibrant
Paddock Club section divider
Paddock Club wordmark, editorial, minimal, dark
Paddock Club wordmark
Paddock Club logo configurations, editorial, minimal, light
Paddock Club logo configurations
Paddock Club logo colours, editorial, minimal, light
Paddock Club logo colours
Paddock Club colour palette, editorial, minimal, light
Paddock Club colour palette
Paddock Club scale and placement, editorial, minimal, light
Paddock Club scale and placement
Paddock Club application mockups, editorial, minimal, light
Paddock Club application mockups
Photography section opener, editorial, brutalist, vibrant
Photography section opener
Supporting photography art direction, editorial, minimal, light
Supporting photography art direction
Fans photography grid, editorial, minimal, light
Fans photography grid
At the race photography grid, editorial, minimal, light
At the race photography grid
Stocks and finishes section opener, editorial, brutalist, vibrant
Stocks and finishes section opener
Paper stocks Heaven 42 and Corona Offset, editorial, minimal, light
Paper stocks Heaven 42 and Corona Offset
Paper stocks Munken and Sirio, editorial, minimal, light
Paper stocks Munken and Sirio
Specialist finishes foils and metallics, editorial, minimal, light
Specialist finishes foils and metallics
Circuit icons section opener, editorial, brutalist, vibrant
Circuit icons section opener
Circuit graphics icon set, editorial, minimal, light
Circuit graphics icon set