Brands813
to browse
← All design systems

Gaming design systems

21 tokenized DESIGN.md references for gaming products and brands.

Blizzard

A deep-navy cosmos where cinematic game art carries the emotion and Blizzard Blue ignites every interactive surface — Poppins headlines over Archivo body text, full-pill CTAs with a glowing blue gradient, and an overwhelmingly dark canvas built for epic storytelling.

DarkBoldGradientCool
Discord

Token-first design system reference for Discord.

ColorfulPlayfulGradientBold
Epic Games

A pure-black gallery wall where full-bleed game art is sliced into vertical panels, white uppercase Brutal Bold display type stamps each title like a marquee, and a single electric blue button is the only saturated thing on screen — game-publisher marketing built as a cinematic, high-contrast dark grid.

DarkBoldCoolMinimal
Final Fantasy

Square Enix red `#c80000` on near-paper-white, Proxima Nova bold at 44px, restrained corporate-game-publisher chrome.

DarkBoldSerif
iCare

Cinematic 3D dreamworld interface — a near-black canvas pierced by soft luminous teal and warm amber light, oversized display type set tight, glassy translucent overlays floating over a real-time rendered world. Atmosphere over chrome; the UI dissolves so the world can breathe.

DarkCoolBold
Logitech G

Gaming peripherals brand running a near-black arena canvas, the signature Logitech G electric-blue accent on full-pill CTAs, the custom Brown typeface in bold uppercase labels, and cinematic product photography that makes hardware look like campaign art.

DarkBoldCoolMinimal
Marblex

Web3 gaming energy — a near-black cobalt canvas with an electric MARBLEX blue accent, bold condensed display type, glowing gradient CTAs, and pill chrome. "Fun Comes First" rendered as a dark, high-contrast, neon-edged gaming token system.

DarkBoldGradientCool
Minecraft

Blocky pixel-grid canvas in deep charcoal and grass-block green, Minecraft Seven typeface, earthy material palette.

BoldDarkPlayfulMinimal
Nintendo

Clean white canvas anchored by Nintendo Red, Geologica Variable type, and card-forward 12px radius throughout.

BoldColorfulLightPlayful
PlayStation

Three-surface channel layout (black hero, white content, blue footer) with SST weight 300 luxury display headlines and a signature scale-1.2 cyan hover treatment.

DarkBoldMinimal
Razer

Gaming hardware brand with a pure-black canvas, iconic neon-green

DarkBoldCoolMinimal
Riot Games

A near-black cinematic arena where full-bleed game key art commands the canvas, a custom-weight Riot Sans pairs with tight Inter for editorial punch, and a single volcanic red-crimson accent fires every interactive moment on deep charcoal chrome.

DarkBoldEditorialMinimal
Roblox

Roblox's design system is a high-contrast dark canvas built for a generation of creators — crisp white Builder Sans typography, an electric cobalt action blue, and a backdrop of saturated game-world thumbnails that make the interface feel like a portal into infinite worlds.

DarkMinimalBold
Rockstar Games

A pure-black entertainment stage where full-bleed game art devours the canvas, Helvetica Now's condensed bold weight stamps every title with cinematic authority, and a single Rockstar Gold accent — the brand's signature amber — fires the only warm light in an otherwise monochromatic dark system.

DarkBoldMinimalWarm
Sega

Deep navy arcade chrome, electric-blue CTAs, and heavyweight uppercase type at 144px

DarkBoldColorful
Steam

A dark blue-black gradient cavern where Motiva Sans keeps the chrome quiet, the classic luminous Steam blue carries every link and live region, and a dense grid of game capsules turns the whole storefront into a glowing shelf — PC-gaming retail built for browsing thousands of titles in the dark.

DarkCoolBoldGradient
Supercell

Dark editorial homepage with uppercase heavy display headlines, a hot-pink brand accent, and character-first game imagery — a gaming company that presents itself as a people-first studio with playful confidence.

DarkBoldColorfulPlayful
Ubisoft

A near-black gaming arena where cinematic game art dominates full-bleed hero panels, Ubisoft Sans drives the type from bold display to tightly tracked UI labels, and a single electric blue CTA punches through the dark — game-marketing confidence without the neon overkill.

DarkBoldMinimalCool
Unity

A dark-first, dual-mode system built around the Nohemi display face and Inter for UI — the "Mango" design language uses a near-black canvas, pill-shaped blue CTAs, and a restrained gray palette to position the world's most-used game engine as a professional developer tool rather than a gaming brand.

DarkMinimalBoldCool
Valve

A stark dark industrial canvas where self-hosted Apercu — in its widest weight extremes — grounds a minimal three-color palette of near-black, white, and a single red-orange accent that acts as the entire brand heartbeat.

DarkMinimalBoldMono
Xbox

A near-black arena where full-bleed game art does the talking, Segoe UI keeps the chrome quietly Microsoft-square, and the signature Xbox green ignites into an electric lime CTA — gaming-console marketing built for hype on a dark canvas.

DarkBoldCool