Preview image. Unlock full-res
Dark UI accordion with lavender PREDICT panel showing SQL and collapsed EXPLAIN CLUSTER SENTIMENT rows.
Summary
Dark UI accordion with lavender PREDICT panel showing SQL and collapsed EXPLAIN CLUSTER SENTIMENT rows.
Visual description
Charcoal background with four rounded modules. Top filled lavender bar labeled PREDICT with minus icon; dark gray body shows SQL line with purple keywords. Three outline lavender rows below labeled EXPLAIN, CLUSTER, SENTIMENT with plus icons. Monospace code centered in active panel.
Key takeaway
One expanded lavender panel against ghost-outline siblings shows hierarchy in a dense tool UI. Syntax-colored SQL inside the active state teaches the interaction model.
Reuse notes
Data platforms, ML dashboards, or dev-tool marketing sites. Lavender-on-charcoal needs careful contrast for code legibility.
