Skip to main content
VECTAC CRAFT LANGUAGE & DESIGN SYSTEMWCAG 2.2 AA Conformance
Engineering & Visual System Guidelines

VECTAC Design Tokens & Component Rules

A high-contrast, telemetry-focused tactical ground engineered for low glare, low power consumption, and dark adaptation across native iOS/Android clients and desktop SvelteKit web portals.

Color Semantics & Hex Ground

Background#080B0F (Obsidian)
Primary (Lime)#00E5A3 (Telemetry Mint)
Accent (Amber)#F59E0B (Attestation)
Red-Light Active#FF2E2E (Phosphor Red)
Card Canvas#11161D (Raised Slate)
Hairline Border#232D3B (Steel Seam)

Typography Hierarchy

Display Telemetry Metric (IBM Plex Mono / Space Grotesk)
42 REPETITIONS
Section Heading (Atkinson Hyperlegible)

Independent Physical Readiness Architecture

Monospaced Metadata String
SESSION_NONCE: 9f84-e21a · DEPTH_OBSERVED: 1,842 FRAMES (99.4%)

Tactile Components & Controls

Action Buttons
Verification Status Badges
PRACTICE_ESTIMATEAWAITING_REVIEWMANUAL_SELFPROCTOR_ATTESTED
OPSEC State Controls

Red-light mode

Display

Pure black with red only, to preserve dark adaptation in low light. Blue and green status hues are removed and decorative motion is suppressed. Every state still carries its word and glyph, because colour never carried status on its own.

This changes presentation only. It does not improve what a camera can see, and it does not make any result more official.