Internal

Design system

Field-kit styling in the spirit of MW4 DMZ: near-black charcoal, saturated yellow rules and corner brackets, olive drab cards and slate-teal HUD glass. No official logos or artwork. Tokens live in src/styles/tokens.css.

Principles

  1. Three modes. Reference pages are editorial and calm. The map is an operational app. Personal tools are a productivity product.
  2. One accent. Yellow means "you can act on this". Semantic colours appear only when they carry meaning.
  3. Trust is visible. Every record shows status, version and last-verified date.
  4. Frames, not glow. Yellow corner brackets, segmented rules, square corners, charcoal surfaces.
  5. Fast feedback. 120–200 ms transitions. Reduced motion is respected.
  6. Ads never cost the task. Height is reserved; never near map controls, inputs or Add to Deployment.

Brand

The product name is DMZTracker. Change it in src/site.config.mjs.

Colour

Surfaces

  • --surface-0
  • --surface-1
  • --surface-2
  • --surface-3

Lines

  • --line-1
  • --line-2
  • --line-3

Text

  • --text-1
  • --text-2
  • --text-3

Accent

  • --accent
  • --accent-hover
  • --accent-press

Field kit

  • --olive-1
  • --olive-2
  • --olive-3
  • --glass
  • --hud
  • --check
  • --check-text

Trait trees

  • --tree-warfighter
  • --tree-scout
  • --tree-survivalist
  • --tree-prestige

Trust

  • --official
  • --verified
  • --community
  • --historical

State

  • --success
  • --warning
  • --danger
  • --info

Rarity

  • --r-common
  • --r-uncommon
  • --r-rare
  • --r-epic
  • --r-legendary
  • --r-ultra
  • --r-unknown

Type

Archivo at its widest and heaviest, uppercase, for headings. Barlow Condensed for tactical labels and buttons. Inter for reading. JetBrains Mono for numbers, grid refs and metadata.

Display 72
Plan. Loot. Extract.
H1 56
Hajin Map
H2 32
Connected, not just listed
H3 18
Where to find Biomaterials
Body 16
Every fact carries a trust level, a game version and a last-verified date.
Small 14
Reported at Harbour Warehouse, Old Market
Mono 12
VERIFIED 14 OCT 2026 · S1 · 3 CONFIRMATIONS

Controls

/

Field kit

.panel.olive

Extraction successful

01Hostile force

  1. Locate a police station
  2. Search 3 containers0/3
0102

Trust status

OfficialVerifiedCommunity reportedHistoricalCommunity reportedSample data

Ad reservations

Reserved boxes at every breakpoint keep CLS under 0.1. Shown outlined while ads are off.

Esc