Discord

discord.com

The 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