Inspiration by VASA Works
Get started

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