Discord Brand Guidelines 2021
Discord Brand Guidelines 2021 is the official identity system for designers, partners, and agencies, defining the logo and mascot (Clyde), wordmark lockups, color palette (Blurple and accents), (Ginto Nord and Whitney), and tone-of-voice.
Show all
The deck prescribes clear-space, color-pairing, type scales, UI color semantics, and usage rules, then shows applied examples across ads, social, OOH, merchandise, motion, and an asset library with contact details
- Slide 1: Discord: Brand Guidelines
- Slide 2: Welcome to a little place we like to call
- Slide 3: Table of contents listing five core sections: Introduction; Logo, symbol
- Slide 4: Section opener that marks the start of the Introduction chapter
- Slide 5: Defines Discord as a multifaceted, user-driven place:shaped by communities
- Slide 6: States Discord's ambition to be a truly human place focused
- Slide 7: Create space for everyone to find belonging
- Slide 8: An inclusive world where no one feels like an outsider
- Slide 9: Positioning line that balances playful expression with intentional design
- Slide 10: Imagine a place narrated by us
- Slide 11: Brand values & tone of voice
- Slide 12: Establishes three messaging tiers:brand lines, community quotes, and product-value copy
- Slide 13: Logo, symbol, wordmark & tagline
- Slide 14: Explains the Discord logo’s two elements:the icon (Clyde)
- Slide 15: Specifies the clear-space rule using an 'x' unit derived
- Slide 16: Describes Clyde as a standalone brand element and gives
- Slide 17: The icon: Clyde expressions
- Slide 18: Lists four approved wordmark treatments:white on blurple, blurple on white
- Slide 19: Outlines preferred logo placements across formats:portrait center-bottom, animated centered, landscape
- Slide 20: Provides placement rules for the 'Imagine a Place' tagline:centered portrait
- Slide 21: Placement: logo & tagline
- Slide 22: Placement: partner & sponsors
- Slide 23: Usage: color combinations
- Slide 24: Usage: successful logo examples
- Slide 25: Usage: unsuccessful logo examples
- Slide 26: Section header introducing the brand color system that will inform
- Slide 27: Blurple: core brand color
- Slide 28: Presents the full palette:Blurple, Green, Yellow, Fuchsia, Red, White
- Slide 29: Usage: applying colors
- Slide 30: Usage: suggested color pairings
- Slide 31: Color pairings to avoid
- Slide 32: Prescribes approved three-layer color stacks and the required layer order
- Slide 33: Color schemes to avoid
- Slide 34: How to pick a color scheme
- Slide 35: Defines UI color semantics:green for active, red for Do Not
- Slide 36: User interface colors continued
- Slide 37: Shows four execution examples that apply recommended color schemes consistently
- Slide 38: Summarizes common mistakes to avoid: using non-approved schemes that harm
- Slide 39: Specifies Community Pattern rules: keep the pattern white behind content
- Slide 40: Section intro that transitions into the brand's guidelines
- Slide 41: Typefaces: Ginto Nord and Whitney
- Slide 42: Typestyles: headlines and paragraphs
- Slide 43: Usage: line heights
- Slide 44: Line-height rules for headlines
- Slide 45: Paragraph line-height and optimal width
- Slide 46: Text lockups: headline and body combinations
- Slide 47: Adjust comma baseline in headlines
- Slide 48: Styling user quotes: avatar vs. quoted
- Slide 49: Text placement rules for layouts
- Slide 50: Successful type variations and examples
- Slide 51: Usage: Unsuccessful type variations
- Slide 52: Recommends 3D type animations for special occasions and campaigns (examples
- Slide 53: 05 Brand in use
- Slide 54: Imagine a place where friendship is not a request
- Slide 55: Mobile story ad variations
- Slide 56: Outdoor poster ad example
- Slide 57: Web banner placement example
- Slide 58: It's like hanging with your friends: community line
- Slide 59: In-article publisher ad mockup
- Slide 60: Kiosk poster OOH example
- Slide 61: Imagine a place where happy accidents become masterpieces
- Slide 62: Imgur placement: site banner and right-rail creative
- Slide 63: Street hoarding poster series: 'Imagine a place to come out
- Slide 64: Chat dialog formatted as social story: 'Imagine a group hug
- Slide 65: Audio dialog frames using avatar bubbles and callouts
- Slide 66: Instagram Stories sequence with avatar reveals
- Slide 67: End cards for animated spots (four variations)
- Slide 68: Branded repeat pattern and wallpaper for backgrounds
- Slide 69: Stationery and merchandise mockups: signage, folders, apparel
- Slide 70: Creative sketch book cover mockup
- Slide 71: Tote bag with 'Imagine a Place' design
- Slide 72: Calls users to download the Discord brand design package
- Slide 73: Questions? Contact Discord design team
- Slide 74: Discord logomark and wordmark
Related decks
Fresh decks, weekly
A roundup of what's new in the gallery
