List View Template
The accounts/contacts list view — sidebar, filters, and data table composed together.
This template shows how the sidebar, filter tabs, and data table compose into a full list view — the workhorse layout for managing accounts, contacts, and deals.
List View Layout (Scaled Preview)
Monarch/Accounts
Accounts
433🔍 Search...
| Account | Segment | Health | Pipeline |
|---|---|---|---|
| The Kitchen Source | Commercial | 92 | $2.4M |
| AK Design Group | Designer | 58 | $285K |
| Baltix Construction | Fabricator | 25 | $154K |
Composition
• Organism: Sidebar — with "Accounts" active under Data Engine
• Atom: Buttons — primary "Add Account" CTA, filter tab group
• Molecule: Search Bar — inline search within the list view
• Organism: Data Table — sortable columns, health scores, segment badges
• Atom: Badges — color-coded segments (Commercial, Designer, Fabricator)
• Molecule: Health Indicators — inline health scores with color coding