SnapRack
UI Kit Standard
Commercial Standard
Cross-Platform Ready
WCAG 2.1 AA // ZERO EMOJI

SnapRack UI Kit Standard

Enterprise design tokens, obsidian surfaces, high-density industrial telemetry, and accessible React primitives engineered for zero-slop mission-critical direct store delivery (DSD) operations.

Primitives24 Components
Design PaletteobsidianRack
Touch Target≥ 44px Target
Audio EarconsWeb Audio API

Design Tokens & obsidianDepth

The calibrated neutral obsidian ladder paired with crimson action accents and telemetry indicators.

Button Playground Controls

Loading State
Left SFSymbol
Disabled
Interactive Live Preview

Click to test tactile click & earcon chime feedback.

TypeScript / React JSX
<Button
  variant="default"
  size="default"
  leftIcon={<SFSymbol name="sf:sparkles" className="h-4 w-4" />}
>
  Execute Dispatch
</Button>

Commercial Compliance & Governance

Automated checks confirming strict adherence to PragCore design invariants.

PASSING ALL AUDITS
Touch Target Standard≥ 44px Clean Bounds

All interactive surfaces meet Vercel & Apple HIG touch thresholds.

Zero Emoji Invariant100% SF Symbols / Pips

Zero Unicode emoji glyphs anywhere in UI chrome.

Focus Rings & A11y:focus-visible Enforced

High-contrast 2px focus rings with offset clearance for keyboard navigation.

Specular Catchlightinset 0 1px 0 0 rgba

Microscopic top-bevel specular catchlights on all obsidian cards.