The tactical design system for operator-grade interfaces
Day / Night-NVG / Mono modes · built on MIT primitives · designed against MIL-STD-1472. The only opinionated, operator-grade system — not another generic UI kit.
Free Lite tier · lifetime updates · 7-day money-back on paid tiers
Built to a standard, not a trend
- Designed against MIL-STD-1472
- MIL-STD-2525-inspired glyphs
- MIT-licensed primitives (Radix / shadcn)
- WCAG: never colour alone
- RTL-ready
What you get
One system, three surfaces
React component library
12 tactical components on MIT Radix/shadcn primitives, Vitest-tested, themed across all three modes.
Browse components →Figma library
1:1 name parity with code, so design and dev never drift. Variables map to the same tokens.
Preview in Figma →140 tactical icons
100 Lucide-based glyphs plus 40 bespoke tactical marks — affiliation, mission, sensor, datalink.
Browse icons →Why it's different
Rigor you can audit, not adjectives
Three modes
Day · Night-NVG · Mono, as modes on the Semantic token collection — one switch re-themes everything.
98 design tokens
Primitive + semantic tokens built with Style Dictionary. The system machinery, not a color list.
Never colour alone
Every threat/status pairs colour with shape, glyph or count. Strip colour in Mono — meaning survives.
RTL, from the token layer
Right-to-left via CSS logical properties; coordinates stay LTR-isolated so digits never bidi-reorder.
Zero hardcoded values
Every property reads a token. Reject-on-sight in review — the reason retheming has no drift.
AI-ready
Named tokens and components that Claude Code, Cursor and v0 can wire up without guessing.
The honest version
"Designed against MIL-STD-1472" — and why we won't say more
MIL-STD-1472 is the U.S. DoD's human-engineering design criteria — control sizing, target areas, legibility, labelling. Operator-Grade is built against those guidelines: they shaped the control heights, contrast targets, and shape-coded threat system you see here.
What we don't claim is accreditation. "Designed against" is a design lineage; a formal program is a separate, auditable process owned by your organisation. Any team that actually needs that knows the difference — and would distrust a kit that blurred it. Saying it straight is the trustworthy move, and the premium standards-mapping spec documents each decision to the guideline it answers.
See it working
Original tactical surfaces — every one live, in your browser
No borrowed screenshots. These are original, generic tactical UIs built from the kit — flip a mode and watch the whole surface re-theme with no drift.
01
Three modes, one switch
Day, NVG-safe night and monochrome are modes on the token collection — not duplicated component sets.
02
Never colour alone
Strip colour in Mono and threat/status still read by shape, glyph and count. The clearest proof it's domain-correct.
03
Tactical components, not dashboards
Push-to-talk, signal reticle, COP overlay, mission banner, APP-6 threat indicators — the parts an operator surface needs.
04
RTL done right
Right-to-left from the token layer; coordinates stay LTR-isolated so tactical digits never bidi-reorder.
Built for the surface
The environments this system is designed against
Day glare, image-intensified night, and comms under load — the conditions that make generic UI fail. Every capability below is real in the kit; the photography is context, not a claim.
Pricing
Buy a system, once. Own it for good.
One-time, lifetime updates. Priced to the buyer and the capability — not a race with generic kits. Start free, upgrade when you're convinced.
Top of the funnel. Token JSON, 3 components, a 20-glyph tactical sampler and one NVG example screen. Try the system before you buy.
Get the free kitThe full system: React + Figma parity, 140 icons, all three modes, every token. Commercial use, lifetime updates.
Get Operator-GradeEverything in Solo, plus shared Figma library rights for a team of up to eight.
Get Operator-GradeTeam, plus EULA, a one-page security pack and priority support. SSO / SCIM when built.
Contact salesBrand integration, custom tokens and components, HMI-specific work. A tactical/C2 system built to your program, not a generic reskin.
The done-for-you tier — defense budgets, not SaaS pricing.
Book a scoping call| Feature | Lite | Solo | Team | Enterprise | Custom Tactical System |
|---|---|---|---|---|---|
| React components | 3 | 12 (full) | 12 (full) | 12 (full) | 12 + bespoke |
| Figma library (1:1 parity) | Not included | Included | + shared library rights | + shared library rights | Included |
| Tactical icons | 20-glyph sampler | 140 | 140 | 140 | 140 + bespoke |
| Modes: Day / Night-NVG / Mono | 1 NVG example | Included | Included | Included | Included |
| Design tokens (Style Dictionary) | token JSON | 98 | 98 | 98 | 98 + custom |
| RTL (CSS logical properties) | 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 |
256-bit checkout via Lemon Squeezy — VAT/tax and license keys handled for you.
Done-for-you
Need a custom tactical system?
Brand integration, custom tokens and components, HMI-specific work — a C2/tactical system built to your program. This is the real margin: defense budgets, not SaaS pricing. From $4,000.
Wall of love
Early access — reviews land here
Operator-Grade is new. Rather than fabricate quotes, this space is reserved for real feedback from the first teams shipping with it. Buy in early and yours could be the first.
[Placeholder — no testimonials collected yet.]
FAQ
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; final compliance remains your responsibility. Any buyer who needs a formal program knows the difference; we give you the rationale and the mapping.
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 prohibited.
What is a "seat"?
One seat = one person who works with the files. Solo is a single seat; Team covers up to eight; Enterprise is unlimited.
What is the tech stack?
React + TypeScript on MIT-licensed Radix / shadcn primitives, styled with Style-Dictionary tokens (no forced Tailwind). Figma parity at the token and component level.
Do I get updates?
Yes — lifetime updates on every paid tier, free.
Refunds?
Try the free Lite tier first to be sure it fits. Paid tiers are non-refundable — refund abuse on digital goods is real, and Lite removes the guesswork.
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.