Color
Semantic
- --color-primary
- --color-cyan
- --color-positive
- --color-warning
- --color-negative
- --color-neutral
Activity States
- calm
- normal
- active
- high
- extreme
Rotation States
- emerging
- building
- leading
- cooling
- fading
What is happening in the market right now?
W02 PART 01 + 02 — reference masters, simulated market snapshot, and historical
baselines loaded from the local mock data layer (ARUS.ReferenceData /
ARUS.MarketData). Developer validation view only; all market
values are simulated (MOCK).
Loading reference data…
Centralized color, surface, activity, and rotation tokens that future ARUS screens will reuse.
Semantic
Activity States
Rotation States
System-first sans stack, tabular market numbers, and a clear type hierarchy.
ARUS
Body text. ARUS tracks what is changing in the market — activity, temperature, and regime — without executing trades.
Muted text for supporting detail, timestamps, and secondary labels.
Generic, token-driven presentation primitives for later Waves.
Standard spacing · optional subtitle
Generic container for future intelligence modules. Title, subtitle, body, and an optional action area.
Tighter padding for dense layouts.
Raised surface for focal content.
Generic empty state for future modules — e.g. no anomalies, empty radar, or no historical matches.
Accessible modal and drawer foundation. Open with the buttons below; close with ESC or overlay click.
Resize the viewport to confirm each breakpoint. The active group is highlighted below using CSS only.