19 lines
772 B
Markdown
19 lines
772 B
Markdown
|
# Variant: Dashboard — Monitor Surface
|
||
|
|
|
||
|
|
## Design stance
|
||
|
|
Data-first density: the user is watching state change. Stats cards at the top,
|
||
|
|
recent items table, and distribution chart — no hero, no marketing.
|
||
|
|
|
||
|
|
## Key choices
|
||
|
|
- **Layout:** Sidebar + main content, 4-column stats grid, 2-column lower section
|
||
|
|
- **Typography:** Inter, 32px stat values, 13px body
|
||
|
|
- **Color:** Neutral (#1a1a1a accent, #f7f7f5 background), status badges with semantic colors
|
||
|
|
- **Interaction:** Hover on table rows, clickable chart bars, alert dismiss
|
||
|
|
|
||
|
|
## Trade-offs
|
||
|
|
- Strong at: At-a-glance status, quick navigation, density without clutter
|
||
|
|
- Weak at: On first use with 0 devices (needs empty state design)
|
||
|
|
|
||
|
|
## Best for
|
||
|
|
Administrators who check the dashboard daily to monitor inventory status.
|