Dashboard Design

"Data at a glance. Organized, scannable, and highly functional."

When to Use

Use this sub-style when the user's request matches the aesthetic described above. This is a child reference of the design-it skill and is not meant to be triggered directly.

Core Principles

1. Modular Grid: The screen is broken down into functional "widgets" or cards. Usually a sidebar on the left and a top nav.
2. Data Hierarchy: The most important numbers (KPIs) are large and usually at the top. Charts take up the middle, and lists/tables are at the bottom.
3. Muted Backgrounds: A soft grey or off-white background so the white data cards stand out clearly.

Visual DNA

• Colors: Minimalist Slate or Earth-Grounded Elegance. Avoid too many colors. Use red/green strictly for positive/negative trends.
• Typography: Clean, tabular sans-serifs (Inter, Roboto Mono for numbers).
• Styling: Very subtle shadows or 1px borders to separate cards.