Discord
discord.comThe reference for turning a marketing page into a game world: a deep indigo-to-navy cosmic gradient (#3442d9 into near-black) staged with 3D characters, with all-caps ABC Ginto Nord headlines stamped like metal and blurple (#5865F2) reserved only for CTAs.
Consumer Brand flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- Abcgintodiscordnord
- body
- Abcgintodiscord
- mono
Do / Don't
Reference it for
- Full-bleed cosmic gradient environment: rich indigo (#3442d9) sinking to a near-black navy, dotted with faint starfield specks, used as a total atmosphere rather than a flat backdrop
- All-caps display headline in a heavy grotesque (ABC Ginto Nord, weight 800, tight -0.01em tracking) set as a stacked three-line block that reads like stamped metal
- Accent discipline: keep the owned hue (#5865F2 blurple) off everything except the primary CTA so it pops against the blue-black field
- Two-button CTA row pairing a solid white pill button (dark label, download icon) against a solid blurple button, both at ~12px radius
- 3D rendered cast (characters, mascots, a desktop + phone product mock) floating in the scene to establish z-depth through overlap and scale, with zero CSS box-shadow
- Conversational body copy at 16px / 1.5 in a soft off-white (#babcd9 fog) directly under the slammed headline, balancing the aggressive type
- Pill-shaped Log In control (radius ~104px) sitting top-right of a centred horizontal nav with dropdown carets
- Spacing rhythm built on a wide scale (16 / 24 / 48 / 80 / 112px) giving the hero generous vertical breathing room
Do not copy
- The Discord wordmark and the Clyde game-controller logo mark
- ABC Ginto Nord / ABC Ginto Discord (proprietary licensed faces) as literal type choices
- Blurple #5865F2 and Dark Blurple #3442d9 as a palette; these read as Discord ownership
- The specific 3D character cast (Wumpus-style mascots, the bot characters) and their illustration style
- The 'Group chat that's all fun & games' headline voice verbatim
- Discord's full brand colour set (spring green #57f287, fuchsia, ember orange) as a system