Discord Brand Guidelines 2021

A 74-page Discord brand book built on full-bleed blurple, heavy all-caps condensed headlines that end in a period, and white-text-panel / dark-demo-panel spec spreads.

74 slides · Guideline

View deck overview
Discord Brand Guidelines cover, editorial, minimal, vibrant
Discord Brand Guidelines cover
Welcome statement, editorial, minimal, vibrant
Welcome statement
Index / table of contents, editorial, swiss, light
Index / table of contents
Section opener 01 Introduction, editorial, minimal, vibrant
Section opener 01 Introduction
What is Discord?, editorial, playful, vibrant
What is Discord?
Imagine a place, editorial, minimal, vibrant
Imagine a place
Create space for everyone (Mission), editorial, minimal, vibrant
Create space for everyone (Mission)
An inclusive world (Vision), editorial, minimal, vibrant
An inclusive world (Vision)
Playfully purposeful (Positioning), editorial, minimal, vibrant
Playfully purposeful (Positioning)
Imagine a place narrated by us (Tone of voice), editorial, minimal, light
Imagine a place narrated by us (Tone of voice)
Brand values and tone of voice, editorial, minimal, light
Brand values and tone of voice
Messaging variations, editorial, minimal, dark
Messaging variations
Section opener 02 Logo, Symbol, Wordmark & Tagline, editorial, minimal, vibrant
Section opener 02 Logo, Symbol, Wordmark & Tagline
The logo, editorial, minimal, light
The logo
Logo clear space, editorial, minimal, light
Logo clear space
The icon Clyde, editorial, minimal, light
The icon Clyde
Clyde expressions, editorial, minimal, light
Clyde expressions
Wordmark, editorial, minimal, light
Wordmark
Discord logo placement rules, dark-mode, technical, dark
Discord logo placement rules
Imagine a Place tagline placement, dark-mode, technical, dark
Imagine a Place tagline placement
Logo and tagline lockup grid, dark-mode, technical, dark
Logo and tagline lockup grid
Partner and sponsor lockups, dark-mode, technical, dark
Partner and sponsor lockups
Logo color combinations grid, dark-mode, corporate-clean, vibrant
Logo color combinations grid
Successful logo examples, dark-mode, corporate-clean, vibrant
Successful logo examples
Unsuccessful logo examples, dark-mode, corporate-clean, dark
Unsuccessful logo examples
Brand Colors section opener, dark-mode, minimal, vibrant
Brand Colors section opener
Discord Blurple core color, dark-mode, minimal, dark
Discord Blurple core color
Brand color palette swatches, dark-mode, minimal, vibrant
Brand color palette swatches
Applying colors section intro, dark-mode, minimal, dark
Applying colors section intro
Suggested color pairings, dark-mode, minimal, vibrant
Suggested color pairings
Color pairings to avoid, dark-mode, minimal, vibrant
Color pairings to avoid
Suggested color schemes, dark-mode, minimal, vibrant
Suggested color schemes
Color schemes to avoid, dark-mode, minimal, vibrant
Color schemes to avoid
How to pick a color scheme, dark-mode, corporate-clean, vibrant
How to pick a color scheme
User interface colors, dark-mode, corporate-clean, vibrant
User interface colors
User interface colors continued, dark-mode, corporate-clean, dark
User interface colors continued
Successful color usage examples, editorial, technical, vibrant
Successful color usage examples
Unsuccessful color usage examples, editorial, technical, vibrant
Unsuccessful color usage examples
Community Pattern color rules, editorial, playful, vibrant
Community Pattern color rules
Typography section opener, minimal, editorial, vibrant
Typography section opener
Typefaces Ginto Nord and Whitney, editorial, technical, dark
Typefaces Ginto Nord and Whitney
Typestyles headlines and paragraph, editorial, technical, dark
Typestyles headlines and paragraph
Line heights intro spread, editorial, minimal, dark
Line heights intro spread
Line height rules for headlines, editorial, technical, dark
Line height rules for headlines
Line height rules for paragraphs, editorial, technical, dark
Line height rules for paragraphs
Text lockups, editorial, technical, dark
Text lockups
Tweak the comma in headlines, editorial, technical, dark
Tweak the comma in headlines
Styling user quotes, editorial, technical, dark
Styling user quotes
Text placement rules, technical, minimal, dark
Text placement rules
Successful type variations, editorial, playful, vibrant
Successful type variations
Unsuccessful type variations, editorial, playful, vibrant
Unsuccessful type variations
3D type variations, 3d-render, playful, vibrant
3D type variations
Brand in use section opener, minimal, editorial, vibrant
Brand in use section opener
Brand line example card, editorial, playful, vibrant
Brand line example card
Mobile story ad variations, 3d-render, playful, dark
Mobile story ad variations
Outdoor poster ad example, photographic, 3d-render, dark
Outdoor poster ad example
Web banner placement example, 3d-render, playful, vibrant
Web banner placement example
Community line on blurple card, 3d-render, playful, dark
Community line on blurple card
In-article publisher ad mockup, 3d-render, playful, light
In-article publisher ad mockup
Kiosk poster OOH example, photographic, 3d-render, vibrant
Kiosk poster OOH example
User quote vertical card, playful, maximalist, vibrant
User quote vertical card
Imgur banner and right-rail placement, 3d-render, playful, dark
Imgur banner and right-rail placement
Street hoarding poster series, photographic, 3d-render, vibrant
Street hoarding poster series
Chat dialog as social story, playful, maximalist, vibrant
Chat dialog as social story
Audio dialog avatar frames, playful, maximalist, vibrant
Audio dialog avatar frames
Instagram Stories avatar sequence, 3d-render, playful, dark
Instagram Stories avatar sequence
Animation end cards, 3d-render, playful, dark
Animation end cards
Branded repeat pattern wallpaper, 3d-render, playful, vibrant
Branded repeat pattern wallpaper
Stationery and merchandise mockups, photographic, 3d-render, dark
Stationery and merchandise mockups
Creative sketch book cover mockup, 3d-render, illustrated, vibrant
Creative sketch book cover mockup
Imagine a Place tote bag, photographic, 3d-render, vibrant
Imagine a Place tote bag
Asset Library download slide, minimal, dark-mode, vibrant
Asset Library download slide
Discord questions and contact closing slide, minimal, monochrome, vibrant
Discord questions and contact closing slide
Discord logomark and wordmark closing slide, minimal, monochrome, vibrant
Discord logomark and wordmark closing slide