Hero plane
Chart and primary content
Hairline ring · top light · contact + ambient shadows
FIanal.sim · design and motion system
Same identity, more depth.
A study room with an instrument in it. Lit surfaces establish hierarchy. Motion makes state changes legible; candles, axes, drawings, and prices stay still.
Inset plane
Coach and fields
Hairline ring · top light · contact + ambient shadows
Control plane
Raised actions and selections
Hairline ring · top light · contact + ambient shadows
Color roles
Ground
#0e0e10
Inset
#101012
Panel
#171719
Raised
#252529
Accent
#e2b45c
Replay
#c47a3a
Coach
#9184ee
Bull
#34c77b
Bear
#f0524f
Three control materials
150ms press · soft release. Dialogs enter in 350ms and leave in 120ms.
Session states
Ordered entrances
EMA 21RSI 14SMA 50MACD
350ms expo-out · 40ms stagger, capped at six siblings.
One voice orb
listening
Confidence fill
A scale transform with 200ms settle; no change in layout.
Reveal curtain
The chart stays still
500ms expo-out. The curtain moves; the outcome does not.
Reduced motion disables all movement. Keyboard focus, state labels, and chart navigation remain available.