Every token on this page is lifted from the product source — the Ant Design theme in
app/layout.tsx, the SCSS modules in styles/, and the component files themselves.
Nothing here is invented. This is the system the AI Analysis feature was designed inside.
One accent, no secondary. Cyan carries every affordance: primary buttons, active nav, focused inputs, live state.
A full 25–900 ramp ships in the theme but barely reaches the product — the room UI runs almost entirely on the flat grays above.
Family: 'TWK Everett', sans-serif. Base is 14px — the type scale is deliberately narrow.
antd base is 4; hand-written SCSS favours 8px for cards and tiles.
Control-bar buttons are height:46px, radius:8px.
Input.colorBorder: '#22CCEE' — inputs carry a cyan border by default, not only on focus.
buttonBg #2E2E2E, checked #1E1E1E with cyan ring.
Dot + label on a translucent chip. The AI indicator reuses this exact pattern in cyan.
Active = cyan text and cyan icon. No fill, no left bar.
One accent on a flat dark ground, a 14px base, and a 4–8px radius. Cyan is scarce enough that anything wearing it reads as live or actionable — which is why the AI indicator could borrow it without inventing new language.
No spacing scale, no elevation model, no documented states — the 25–900 neutral ramp is declared but nearly unused, and the room UI hardcodes flat grays instead. Radius drifts between antd's 4px and hand-written 8px.
Cyan was a control colour — buttons, focus, active nav. The work log gave it a second job: the AI is running right now. The pulsing cyan dot on the capture chip is the one new signal, and it deliberately reuses the presence-chip shape rather than introducing a new component.