makiolaj/SimpleFinanceDash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs(02-layout-and-brand-identity): create phase plan

Browse Source
This commit is contained in:
Jean-Luc Makiola
2026-03-11 21:43:15 +01:00
parent a5b35343eb
commit c6db87d4b8
3 changed files with 440 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
.planning/ROADMAP.md
View File

@@ -31,8 +31,8 @@ Decimal phases appear between their surrounding integers in numeric order.
5. A single `lib/palette.ts` file exists as the source of truth for all category-to-color mappings; `InlineEditCell.tsx` is extracted as a shared component replacing three duplicated local definitions
**Plans:** 2/2 plans complete
Plans:
- [ ] 01-01-PLAN.md — CSS token foundation, palette.ts module, and test infrastructure
- [ ] 01-02-PLAN.md — Component wiring, InlineEditCell extraction, and visual verification
- [x] 01-01-PLAN.md — CSS token foundation, palette.ts module, and test infrastructure
- [x] 01-02-PLAN.md — Component wiring, InlineEditCell extraction, and visual verification
### Phase 2: Layout and Brand Identity
**Goal**: Users encounter a visually branded, polished experience on every high-visibility surface — login page, sidebar, and dashboard layout — establishing the perceptual quality bar for the entire app
@@ -44,7 +44,10 @@ Plans:
3. The sidebar has a pastel background visually distinct from the main content area, with a branded typographic treatment for the app name
4. The active navigation item has a clearly visible color indicator — clicking a nav item produces a visible selected state
5. The sidebar can be collapsed via a toggle button, reducing screen space usage on smaller layouts
**Plans**: TBD
**Plans:** 2 plans
Plans:
- [ ] 02-01-PLAN.md — Auth screen branding (gradient background, wordmark, alert errors)
- [ ] 02-02-PLAN.md — Sidebar polish (wordmark, active indicator, collapse trigger)
### Phase 3: Interaction Quality and Completeness
**Goal**: Every user action and app state has appropriate visual feedback — loading states, empty states, edit affordances, and delete confirmations — so the app feels complete and trustworthy
@@ -76,6 +79,6 @@ Phases execute in numeric order: 1 → 2 → 3 → 4
| Phase | Plans Complete | Status | Completed |
|-------|----------------|--------|-----------|
| 1. Design Token Foundation | 2/2 | Complete | 2026-03-11 |
| 2. Layout and Brand Identity | 0/TBD | Not started | - |
| 2. Layout and Brand Identity | 0/2 | In progress | - |
| 3. Interaction Quality and Completeness | 0/TBD | Not started | - |
| 4. Chart Polish and Bug Fixes | 0/TBD | Not started | - |