INTERNAL
Style Guide
Supergiant: one variable family, two hot accents, a starfield that stays in the hero.
PALETTE
Void
#070504 · page background
Surface
#100907 · cards
Raised
#1A100B · active surfaces
Line
#2A1B14 · default borders
Line strong
#3D2A1E · hover, dividers
Text high
#F2EAE2 · headings, body
Text mid
#B9A79A · secondary copy
Text low
#7E7166 · captions, credits
Antares red
#FF4F26 · actions, identity
Red pressed
#D93D1A · active state
Signal gold
#F0B64F · micro-labels, metadata
Signal green
#8FB86A · live / ok status
TYPE — ARCHIVO VARIABLE, WIDTH 62–125
DISPLAY · 100 / 900 / EXPANDEDHold the line.
H1 · 56 / 900 / EXPANDEDMap Archive
H2 · 28 / 900 / EXPANDEDThe survival-map playbook
H3 · 15.5 / 800Waves are triggers
BODY · 15.5 / 400 / 1.7The archive started as a folder and became a habit. Three thousand maps later, it needed a database.
MICRO · 11 / 800 / +0.24EMCNCNET // YURI'S REVENGE // EST. 2016
SPACING — 4PX BASE
4
8
12
16
24
32
48
64
96
BUTTONS — HOVER & PRESS ARE LIVE
FORMS
DEFAULT
FOCUS
NOT A .MAP FILE
FILTER CHIPS
TAGS
SurvivalMultiplayerCustom modeCo-op missionCustom missionDEMO SLICE
HEALTH — GLYPH AND COLOR, NEVER COLOR ALONE
VerifiedHeavyBrokenNeeds a mod
VerifiedHeavyBrokenNeeds a mod
RATING STARS
BADGES
FIRST ADDITIONARCHIVISTHOUSE BUILDERSURVEYOR
PAGINATION
SKELETON — NEVER BLOCK THE FILTER RAIL
CALLOUT
NOTE
Fresh client builds occasionally trip Windows Defender. Verified releases ship from cncnet.org and the CnCNet GitHub — anything else, treat with suspicion.
EMPTY STATE
Nothing matches.
Clear filtersDO
- Expanded-black uppercase for headlines; normal width for everything readable.
- One red action per view — red is identity, not decoration.
- Gold carries metadata, micro-labels, and the ticker.
- Credit lines on anything that shows a map.
DON'T
- Starfield stays in the hero — content zones sit on solid ground.
- No game-UI cosplay — no scanlines, bevels, or radar sweeps.
- No new accent hues — vary the lightness of these two.
- Never render all 3,127 maps at once.