References
Canonical screen layouts to adapt when building a screen — match by structure, then reuse the skeleton instead of inventing one. Each card opens a live, full-viewport mock.
Layouts
IDE
A tool with persistent chrome around a working surface — nav rail, sidebar, tabbed content, dockable panel.
Evaluation dashboard
A list of records to scan, sort, filter, group, and drill into. Most “dashboards” are really this.
Master–detail
A list on the left, the selected record’s detail or editor on the right. Inboxes, resource managers.
Settings
Sectioned configuration: a section nav, grouped fields, and a sticky save footer.
Metric dashboard
A real chart dashboard — KPI tiles and visualizations, often with a drill-down table below.
Empty & onboarding
The zero-state for any other archetype — a focal action and optional guided first steps.