Skip to content

System A: DOS/Norton operator terminal

Historical DNA

  • Character-cell thinking: strict grids, hard separators, no decorative chrome.
  • Function-key command bars: explicit shortcuts and deterministic actions.
  • Dense information in bounded regions.

Brand fit for war.market

Best for degen/operator energy, speed, and "tool not toy" clarity.

Token direction

  • Background: near-black (#0b0c0e)
  • Panel: dark graphite (#121417)
  • Primary signal: lime (#02ff81)
  • Warning: amber (#f5a524)
  • Loss: red (#ff5a5a)
  • Text main: light gray (#d3d7dd)
  • Text secondary: medium gray (#8a9099)

Typography

  • UI labels, values, status: mono only
  • Long-form copy/help: compact sans fallback
  • Uppercase reserved for controls and system states only

Spatial grammar

  • 8px baseline grid
  • Hard panel edges (0-2px radius)
  • 1px dividers define zones
  • Avoid floating cards; prefer docked panes

Component grammar

  • Top: command ribbon (F1 Help | F2 Markets | F3 Trade | F4 Portfolio)
  • Left: thesis/market list
  • Center: market detail and pair composition
  • Right: bet slip with one dominant action key
  • Bottom: status line ("THESIS ARMED", "EXECUTION ACCEPTED")

Interaction rules

  • Keyboard-first parity with mouse/touch
  • Every action has a verb-based label (Arm, Execute, Unwind)
  • Disabled states explain why in plain text
  • Selection is shown by both color and border marker

Mobile adaptation

  • Replace multi-pane with stacked zones in same order
  • Sticky bottom action rail
  • Command ribbon becomes segmented control

Motion and effects

  • Minimal transitions (100-150ms)
  • No parallax, no hero video
  • Optional subtle scanline at ❤️% opacity

Anti-patterns

  • Rounded everything
  • Centered marketing hero as primary interaction
  • Decorative iconography without state meaning

Signature pattern

Persistent command ribbon with keyboard hints mirrored in clickable controls.

Trade the tension.