DataInViz · Prototype

6 ways in.

Open in adjacent tabs to compare. Inside any rev, the top bar has a switcher that flips you to the matching page in the others.

Rev 1

Original

Today's prototype, unchanged. Agent ribbon, traces, SQL excerpts, and full developer chrome are visible by default.

Enter rev 1

Rev 2

Refreshed

Same product, quieter chrome. Technical details live behind a 'Details' affordance on each answer; warm Outfit type and softer plum surfaces.

Enter rev 2

Rev 4

Fluent

Built on Microsoft's Fluent 2 design system. Segoe UI Variable type, 4px corners with 8px cards, neutral palette tied to colorNeutralBackground tokens, @fluentui/react-components throughout.

Enter rev 4

Rev 5

Phenomenon

Editorial dashboard register with the system blue scale, Geist Sans, capsule corners on every interactive, contrast inversion as the depth move, and hand-built mini-infographic charts in place of generic chart libraries.

Enter rev 5

Rev 6

Frosted

Rev 5's editorial Phenomenon language with a frosted glass twist. Translucent shell chrome and pane headers float over a soft aurora canvas; content surfaces stay solid for data legibility.

Enter rev 6

Rev 7

Blue Rail

Rev 5's editorial Phenomenon language with a deep system-blue navbar and a messenger-style chat layout. Conversation rail on the left, thread in the middle, right-aligned user prompts, AI responses keep their full detail treatment.

Enter rev 7

Tip · open in adjacent tabs and use the rev switcher in the top bar to flip between matching pages.