Three modes
Day, Night-NVG and Mono are modes on one Semantic token collection. Switch once and every surface re-themes.
TACTICAL DESIGN SYSTEM
Build operator-grade interfaces
A tactical design system for mission software, with Day, Night-NVG and Mono modes.
OPSGRADE CONSOLELINK UPSATCOM STRONGGPS 3D FIXPWR 98%OPR ALPHA-3
GRID38S MC 4421 6923
2 km
Three modes. One system.
Prepared for every light condition. One information architecture across Day, Night-NVG and Mono.
Night-NVGLZ ALPHAOBJ BRAVORALLY
- Team
- Alpha-2
- Location
- 38S YC 12345 67890
LZ ALPHAOBJ BRAVORALLY- Designed against MIL-STD-1472
- MIL-STD-2525-inspired glyphs
- MIT-licensed primitives (Radix / shadcn)
- WCAG: never colour alone
- RTL-ready
One system. Three surfaces.
A single operational language from design file to deployed interface.
React component library
27 tactical components on MIT Radix and shadcn primitives. Unit-tested with Vitest, themed across Day, Night-NVG and Mono.
Browse componentsFigma library
The core component set is mirrored in Figma with matching names, and variables resolve to the same tokens, so design and engineering stay aligned.
Preview in Figma140 tactical icons
100 Lucide-based glyphs plus 40 bespoke tactical marks for affiliation, mission, sensor and datalink.
Browse iconsRigour you can audit, not adjectives
Every claim maps to a token, component, state or test you can inspect.
286 design tokens
Primitive and semantic tokens built with Style Dictionary, shipping as CSS variables, a Tailwind preset and Figma-variable JSON. Real system machinery, not a swatch list.
Never colour alone
Every threat and status pairs colour with a shape, glyph or count. Strip the colour in Mono and the meaning still reads.
RTL from the token layer
Right-to-left through CSS logical properties. Coordinates stay LTR-isolated, so tactical digits never bidi-reorder.
Zero hardcoded values
Every property reads a token. Raw values fail code review, which is why retheming never drifts.
AI-ready
The kit ships an agent cheat sheet, a lookup CLI and an MCP server, so Claude Code, Cursor and v0 wire named tokens and components instead of guessing.
Standards boundary
Designed against MIL-STD-1472.
MIL-STD-1472 is the U.S. Department of Defense standard for human-engineering design criteria: control sizing, target areas, legibility and labelling. Operator-Grade is built against those guidelines. They shaped the control heights, contrast targets and shape-coded threat system you see here.
"Designed against" describes the design lineage, not accreditation. Formal compliance remains a separate, auditable program owned by your organisation. The standards-mapping spec documents the reasoning behind each relevant decision.
Tactical surfaces, live in your browser.
No borrowed screenshots. Flip a mode and the whole surface re-themes with no drift.
Never colour alone
Strip the colour in Mono and threat and status still read by shape, glyph and count. The clearest proof that it is domain-correct.
Day: colour plus shape
HostileFriendlyNeutralUnknown
NominalCautionCritical
Mono: colour stripped, meaning intact
HostileFriendlyNeutralUnknown
NominalCautionCritical
Tactical components, not dashboards
Push-to-talk, signal reticle, COP overlay, mission banner and APP-6 threat indicators. The parts an operator surface actually needs.
IDLECH 12SEC
RXCH 12SEC
TXCH 12CLR
RTL done right
Right-to-left from the token layer. Coordinates stay LTR-isolated, so tactical digits never bidi-reorder.
إحداثيات الهدف الحالية
الشبكة38S MC 1234 5678
خط العرض/الطول34.0522, -118.2437
Buy a system, once. Own it for good.
Start free. Paid licences are one-time purchases with lifetime updates.
Lite
Free
email-gated1 seat
A no-cost look at the system: token JSON, 3 components, a 19-glyph tactical sampler and one NVG example screen. Evaluate it before you buy.
Get the free kit Solo Recommended
$129
one-time, lifetime updates1 seat
The full system: React components, the mirrored Figma library, 140 icons, all three modes, every token. Commercial use, lifetime updates.
Get Operator-Grade Team
$349
one-time, lifetime updatesup to 8 seats
Everything in Solo, plus shared Figma library rights for a team of up to eight.
Get Operator-Grade Enterprise
$2,499
one-time, lifetime updatesunlimited seats
Team, plus a custom EULA, a one-page security pack and priority support. SSO / SCIM when built. Priced for procurement, not app stores.
Get Operator-GradeCompare every tier
| Feature | Lite | Solo | Team | Enterprise | Custom Tactical System |
|---|---|---|---|---|---|
| React components | 3 | 27 (full) | 27 (full) | 27 (full) | 27 + bespoke |
| Figma library (mirrored core set) | Not included | Included | + shared library rights | + shared library rights | Included |
| Tactical icons | 19-glyph sampler | 140 | 140 | 140 | 140 + bespoke |
| Modes: Day / Night-NVG / Mono | 1 NVG example | Included | Included | Included | Included |
| Design tokens (Style Dictionary) | component subset | 286 | 286 | 286 | 286 + custom |
| RTL (CSS logical properties) | Not included | Included | Included | Included | Included |
| AI agent kit (cheat sheet + CLI + MCP) | Not included | Included | Included | Included | Included |
| Commercial use | Not included | Included | Included | Included | Included |
| Seats | 1 | 1 | up to 8 | unlimited | scoped |
| Lifetime updates | Not included | Included | Included | Included | Included |
| Support | community | priority | priority + SLA |
Secure checkout via Gumroad. VAT, tax and license keys are handled for you.
Code-only licences.
The same React components, tokens and modes, without the Figma library.
React Code Kit
$99
Code only, no Figma: the 27-component React library, all three modes, every token. For teams that only need the implementation.
Get the code kit Code Kit + Standards Spec
$249
The React code kit plus a written MIL-STD-1472 mapping spec: which component covers which guideline, ready to hand a compliance reviewer.
Get the code kit + specCustom Tactical System
Brand integration, custom tokens and components, HMI-specific work. A tactical/C2 system built to your program, not a generic reskin. From $4,000.
The done-for-you tier, built for defense budgets rather than SaaS pricing.
Built to withstand code review
No testimonials yet, and none invented. Until operators speak for it, the build record does.
0
Hardcoded values. Every property resolves to a token, and a grep gate fails the build on any raw value.
144
Tests across 38 Vitest files, plus an MCP smoke test, covering behaviour, ARIA wiring and mode switching.
286
Design tokens resolving cleanly across Day, Night-NVG and Mono from one source.
3
Themes from one Semantic collection, verified by stripping colour so meaning survives in Mono.
Straight answers for defense buyers
Is it certified or compliant with a standard?
No. Operator-Grade is designed against MIL-STD-1472, and its glyphs are MIL-STD-2525-inspired. It is not certified or compliant with any standard, and final compliance stays your responsibility. Teams that run a formal program already know the difference. We give you the rationale and the mapping so that review goes faster.
Can I use it in commercial, classified, or air-gapped work?
Yes. Commercial use is allowed under the license, including air-gapped and classified environments. Redistribution or resale of the kit itself is not.
What is a "seat"?
One seat is one person who works with the files. Solo is a single seat, Team covers up to eight, and Enterprise is unlimited.
What is the tech stack?
React and TypeScript on MIT-licensed Radix and shadcn primitives, styled with Style Dictionary tokens. No forced Tailwind. The Figma library mirrors the core component set with matching names and token bindings.
Do I get updates?
Yes. Every paid tier includes lifetime updates at no extra cost.
Refunds?
Try the free Lite tier first to be sure it fits. Refunds on paid tiers are handled through the storefront checkout. If something is wrong with your order, email hello@operator-grade.design and we will sort it out.
Can I use it to build a competing kit?
No. Using Operator-Grade to create a competing design system or component kit for redistribution is prohibited.
Ship an operator-grade interface this week.
Start with the free Lite tier, inspect the system, then upgrade when the evidence holds.