Style Directions
Nordic (Rounded)
Deep teal + warm off-white + 8px radius. Warm and approachable.
IBM Carbon
Carbon Blue + IBM Plex Sans + 0px radius. Structured and deliberate.
Nordic Sharp
Deep teal + sharp corners. Nordic palette with angular precision.
Clean Professional
Deep teal + sharp corners + minimal shadows + borders for structure. Professional, efficient, quiet.
All Mock Pages
| Style | Page | Aspect | Link |
|---|---|---|---|
| Nordic (Rounded) | |||
| Document Search & List | Core search workflow with faceted filters | Open | |
| Document Version History | Version timeline for a specific document | Open | |
| IBM Carbon | |||
| Matter Dashboard | Matter overview with metrics, activity, team | Open | |
| Tasks & Approval Queue | Task list with priority, status, detail panel | Open | |
| Nordic Sharp | |||
| Client Overview | Client detail with matters, documents, contacts | Open | |
| Email Correspondence | Threaded email view for a matter | Open | |
| Clean Professional | |||
| Home Dashboard | Lawyer's starting view — needs attention, activity | Open | |
| Document Viewer | Split-panel document reading view | Open | |
| Matter Detail | Tabbed matter view with document table | Open | |
| AI Agent Results | AI analysis findings with severity ratings | Open | |
| Full-text Search | Keyword search with content snippets | Open | |
| Notifications | Activity log and notification center | Open | |
Coverage Matrix
| Feature | Nordic | Carbon | Sharp | Clean |
|---|---|---|---|---|
| Document Search | ✓ | — | — | — |
| Version History | ✓ | — | — | — |
| Matter Dashboard | — | ✓ | — | — |
| Task Queue | — | ✓ | — | — |
| Client Overview | — | — | ✓ | — |
| Correspondence | — | — | ✓ | — |
| Home Dashboard | — | — | — | ✓ |
| Document Viewer | — | — | — | ✓ |
| Matter Detail | — | — | — | ✓ |
| AI Agent Results | — | — | — | ✓ |
| Full-text Search | — | — | — | ✓ |
| Notifications | — | — | — | ✓ |
Style Audit
Before & after comparison of the 10 highest-priority style inconsistencies found in the current codebase.
View Audit: Before & AfterResearch & Issues
- GitHub Issue #82 — Style Consistency: Prioritized Fix List
- GitHub Issue #80 — Visual Identity Research
- Research documents available in the repository at
docs/visual-identity-research.mdanddocs/visual-identity-research-v2.md