A morning analysis studio: cool-white workspace, precise indigo actions, cyan data signals, and quiet slate typography. The interface feels trustworthy in a presentation screenshot and remains practical during repeated analysis.
- Background:
oklch(0.975 0.008 255) - Panel:
oklch(1 0 0) - Soft panel:
oklch(0.955 0.018 255) - Ink:
oklch(0.25 0.035 265) - Muted:
oklch(0.52 0.025 260) - Primary:
oklch(0.52 0.20 275) - Cyan accent:
oklch(0.69 0.13 215) - Success:
oklch(0.58 0.15 150) - Warning:
oklch(0.72 0.15 80) - Danger:
oklch(0.58 0.20 25)
Use the requested system font stack for familiar product ergonomics. Use monospace only for SQL and technical identifiers.
Panels use 14px radii, subtle borders, and compact shadows. Status is communicated with icon, text, and color. Primary actions use a restrained indigo-to-cyan gradient.
Header followed by a two-column workbench. The left column contains the query and Agent timeline. The wider right column contains statistics, SQL, validation, result table, explanation, chart suggestion, and collapsed evidence.
Only loading pulses, hover feedback, timeline state transitions, and short copy/save confirmation. Honor reduced motion.