Archive-17.tar
Owner NEST-04 / encrypted lane
Outer Heaven Framework / Active Blueprint
Command Interface Layer
Tactical UI for systems that need discipline, not decoration.
A reusable Tailwind framework that turns tokens, motion, and primitive contracts into a command-center interface instead of a generic dashboard skin.
Tactical Display 01
Live Contract
Command Geometry
One visual language from shell to toast.
- 01
Semantic Theme Map
Tailwind utilities resolve against tactical tokens instead of one-off color picks.
- 02
Primitive Contract
Every surface is expressed through `od-*` classes and shared data attributes.
- 03
Bounded Motion
Scan sweeps, progress cues, and overlays reduce automatically under reduced motion.
Implementation Shape
Foundation tokens and primitives stay reusable while the demo site proves the system in real screens.
The framework package owns tokens, themes, utilities, motion, and wrapper components. The demo app only composes them into a landing page and an operational dashboard.
pnpm monorepoNext.js 15Tailwind CSS 4React 19
Tactical Track
Command Surfaces
Shells and panels carry clipped geometry, controlled glow, and density variants without inline brand styling.
Tactical Track
Operational Inputs
Buttons, inputs, selects, badges, dividers, and keycaps share one tactical language from the same token map.
Tactical Track
Overlay Signals
Dialog and toast states stay framed, readable, and useful instead of falling back to generic utility stacks.
Reusable compositions
Framework Building Blocks
The next layer is no longer just primitives. It now includes reusable page patterns.
CommandHeader, FilterStrip, StatGrid, MissionQueue, ActivityFeed, and InspectorPanel are designed to keep downstream apps from rebuilding the same dashboard sections by hand.
Stable primitives
11
Shell to toast already covered.
New primitives
5
Controls and overlays widened without API drift.
Reusable compositions
6
Ready to power landing and dashboard screens.
Dropzone Primitive
Upload surfaces inherit the same language as the rest of the system.
Idle, armed, upload, success, and error treatments all come from shared framework state instead of page-specific utility strings.
Focus-visible states remain explicitReduced motion trims sweeps automatically
Ready State
Secure payload staging aligned to the same token and border model.
Idle
Armed
Confirm
Operator Notes
Use semantic props and shared data attributes before adding any new visual hooks.
Keep raw brand colors out of JSX and let the framework own surface identity.
Quick navGL
Preview Composition
Framework consumers can now assemble operational sections with exports, not local scaffolding.
This preview mixes the new primitives and compositions the same way downstream apps would.
Blueprint query
Catalog visible
Queue Preview
Landing pages can now borrow tactical list patterns directly from the package.
3 surfaced
Encrypted
sensor-grid.csv
Owner FIELD-12 / review lane
uplink-trace.mov
Owner RAVEN-02 / inspector lane
Live Validation