Loading market overview.
Simulation controls & development reference

Runtime Status

Status
Initializing…

IDX Reference Data

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…

Visual Tokens

Centralized color, surface, activity, and rotation tokens that future ARUS screens will reuse.

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

Surfaces

--color-bg-primary
--color-surface-1
--color-surface-elevated

Typography

System-first sans stack, tabular market numbers, and a clear type hierarchy.

Hierarchy

ARUS

Section title level

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.

BBCA 9,425 +0.80%

Controls

Buttons

Components

Generic, token-driven presentation primitives for later Waves.

Surface Card

Standard spacing · optional subtitle

Generic container for future intelligence modules. Title, subtitle, body, and an optional action area.

Compact Card

Tighter padding for dense layouts.

Elevated Card

Raised surface for focal content.

Status Badges

Neutral Info Normal Building Cooling Active
Volume Ratio 3.2× Increasing vs. 20-session average
Participation 68% 4 pts
Breadth 1.4 Stable
74 Active +6
88 High

Intensity Bars

Activity62 / 100
Participation78%
Volume Intensity45

Nothing to show yet

Generic empty state for future modules — e.g. no anomalies, empty radar, or no historical matches.

Loading State

Overlay Interaction

Accessible modal and drawer foundation. Open with the buttons below; close with ESC or overlay click.

Responsive Validation

Resize the viewport to confirm each breakpoint. The active group is highlighted below using CSS only.

  • Mobile < 768px Active
  • Tablet 768–1199px Active
  • Desktop ≥ 1200px Active