SignalForge Brand

Amber Phosphor on Black Glass

Retro terminal aesthetic: monospace type, ASCII borders, minimal chrome. The mark is a radio mast with three beacon arcs — white structure, amber signal emission.

// palette

Core Colors

All SignalForge surfaces share a neutral base. The marketing site and mobile app use amber accent; the hub PWA uses a warmer hub amber so operators can tell the console from the native app at a glance.

Console black --bg — #0a0a0a
Raised panel --bg2 — #111111
Body copy --text — #c9c9c9
Muted --muted — #555555
Border --border — #1f1f1f
Signal amber --amber — #ffc700
Amber dim --amber-dim — #997700
Amber bright --amber-bright — #ffda47
Hub amber (PWA) --hub-amber — #ffaa00
// logo

Mast Mark

The mark is a radio mast with three beacon arcs, guy wires, and base line. Always rendered with white structure and amber arcs on a dark field.

Mark (site)

White mast + amber arcs on #0a0a0a

App icon

icon.svg — 256x256 with field

Hub PWA icon

Hub variant — warmer #ffaa00 arcs

Element Color
Mast, arms, base#ffffff — always white on dark field
Beacon arcs (site / mobile)#ffc700 — signal amber
Beacon arcs (hub PWA)#ffaa00 — hub variant
App icon field#0a0a0a — square, no gradient

Source vectors: LOGO.svg (transparent), icon.svg (with field).

// type

Typography

Fira Code is the primary typeface across all SignalForge surfaces. Chrome uses ALL CAPS with generous letter-spacing. Body copy stays at normal case with standard monospace spacing.

Face

Fira Code (web), system monospace (mobile / PWA)

Weights

400 body, 700 headers / nav brand

Style

ALL CAPS for chrome; letter-spacing: 0.08em–0.15em on labels

// patterns

UI Patterns

Terminal chrome with ASCII-box section headers, amber accents, and minimal decoration.

┌─────────────────────────────┐
│ SECTION TITLE — amber │
├─────────────────────────────┤
│ body copy in --text │
└─────────────────────────────┘

Section headers

--amber (or --hub-amber in the PWA)

Borders

1px solid var(--border)

Active / selected

--amber border + rgba(255,199,0,0.10) fill

PTT states

State Color
Idle / ready--amber-bright border
Recording / TX--error (#ff4444)
Uploading--muted
Dispatch badge: ◎ DISPATCH uses --amber-bright (mobile) — high-visibility without TX red.
// avoid

Do Not

// map

Implementation Map

Repo Token source Icons
signalforge.org :root in each .html icon.svg, LOGO.svg
Discord discord/SERVER.md discord/assets/icon-512.png
signalforge-mobile src/theme.ts assets/source-icon*.svg → PNG
p7-scanner client/tailwind.config.ts + index.css client/public/pwa/icon.svg
// display

Display Modes

Operator-facing DARK / NITE / NVG / LIGHT palettes for field use. The tactical display cycle never passes through full brightness, so it won't flash-blind NVG or night-adapted eyes mid-op.

◑ DARK

Default amber phosphor on CRT black — console monitoring and PTT.

▌ NITE

Dim red palette for naked-eye dark adaptation between screen checks.

◈ NVG

Ultra-low luminance blue-grey — minimum software glow for Gen III tubes.

☀ LIGHT

Daylight paper terminal — click ☀ LIGHT in the nav.

Full reference: DISPLAY-MODES.md for palette tokens and per-product implementation notes.