docs: start milestone v4.0 Figma Design Parity

This commit is contained in:
Arthur Belleville 2026-05-17 14:22:10 +02:00
parent dc0d3dec42
commit e91aa5d15d
No known key found for this signature in database
2 changed files with 34 additions and 19 deletions

View file

@ -12,6 +12,17 @@ Built for a developer who wants a simpler, durable product stack: one Go server,
If everything else fails, this must work end-to-end on a single Go binary backed by Postgres and an S3-compatible bucket.
## Current Milestone: v4.0 Figma Design Parity
**Goal:** Bring every product surface to match the Figma design — new task views (grid + roadmap), calendar rework, navigation refresh, and tablo list revamp.
**Target features:**
- Navigation bar + top header redesigned to match Figma
- Tablo list: project card revamp + card/list view toggle
- Tasks: restyle kanban + new grid view + new roadmap view
- Calendar: restyle `/planning` as Google Calendar-style (month/week/day navigation, proper event blocks)
- Tablo detail view restyled to match Figma
## Shipped: v3.0 Design System & Visual Polish (2026-05-17)
**Delivered:** Full CSS token vocabulary and typed templ component library (11 types) applied to every surface — auth pages, app shell sidebar, tablo list, tablo detail, chat, and planning. Build-tag-gated `/ui-catalog` visual verification page included.
@ -40,12 +51,16 @@ If everything else fails, this must work end-to-end on a single Go binary backed
### Active
<!-- v4.0 candidates — to be refined in /gsd-new-milestone -->
<!-- v4.0 scope — Figma design parity -->
- [ ] Responsive layout: sidebar collapses on small screens, kanban board scrolls horizontally on mobile
- [ ] Dark mode: CSS tokens gain `prefers-color-scheme` counterparts or a class-toggle variant
- [ ] Status field on tablos (e.g., active/archived) with UI indicator on project cards
- [ ] Task completion percentage on tablo detail header (progress bar wiring)
- [ ] Navigation bar + top header redesigned to match Figma
- [ ] Tablo list project card revamped to match Figma
- [ ] Tablo list card/list view toggle
- [ ] Tasks kanban restyled to match Figma
- [ ] Tasks grid view (new — brand new data model + UI)
- [ ] Tasks roadmap view (new — brand new)
- [ ] Planning page restyled as Google Calendar-style (month/week/day, event blocks)
- [ ] Tablo detail view restyled to match Figma
### Out of Scope
@ -129,4 +144,4 @@ This document evolves at phase transitions and milestone boundaries.
---
---
*Last updated: 2026-05-17 after v3.0 milestone — design system shipped, all 17 phases complete through v1.0v3.0*
*Last updated: 2026-05-17 after v4.0 milestone start — Figma design parity milestone defined*

View file

@ -1,16 +1,16 @@
---
gsd_state_version: 1.0
milestone: v3.0
milestone_name: Design System & Visual Polish
status: Awaiting next milestone
last_updated: "2026-05-17T12:09:43.643Z"
last_activity: 2026-05-17 — Milestone v3.0 completed and archived
milestone: v4.0
milestone_name: Figma Design Parity
status: planning
last_updated: "2026-05-17T12:22:07.603Z"
last_activity: 2026-05-17
progress:
total_phases: 5
completed_phases: 5
total_plans: 16
completed_plans: 16
percent: 100
total_phases: 0
completed_phases: 0
total_plans: 0
completed_plans: 0
percent: 0
---
# STATE
@ -28,10 +28,10 @@ See: `.planning/PROJECT.md` (updated 2026-05-17)
## Current Position
Phase: Milestone v3.0 complete
Phase: Not started (defining requirements)
Plan: —
Status: Awaiting next milestone
Last activity: 2026-05-17 — Milestone v3.0 completed and archived
Status: Defining requirements
Last activity: 2026-05-17 — Milestone v4.0 started
## Previous Milestone Status