60 lines
2.0 KiB
Markdown
60 lines
2.0 KiB
Markdown
# Next Steps — SVS MSP Calculator
|
|
|
|
**Updated:** 2026-03-18
|
|
**Purpose:** Resume guide for next session.
|
|
|
|
---
|
|
|
|
## Just Completed (2026-03-18, committed as 4c53af9)
|
|
|
|
Sidebar UX polish pass:
|
|
- Unified dividers → one `--sidebar-rule` token, dashed everywhere
|
|
- Letter-spacing → `--text-spacing-money: 0.05em` token
|
|
- Font floor → 11px minimum (6 locations bumped)
|
|
- Contrast → muted colors darkened to 6.5:1+ on all themes
|
|
- Opacity → removed from 9 double-muted text elements
|
|
- Total line border → scoped to monthly breakdown only
|
|
|
|
---
|
|
|
|
## Next Session: Google Fonts + GUI Polish
|
|
|
|
### Step 1: Google Fonts Selection
|
|
- **Approved:** up to 3 fonts (preferred), 4 hard cap
|
|
- **Currently loaded:** Poppins (hero numbers), DM Mono (monospace values)
|
|
- **Need:** A clean sans-serif for body text, labels, and UI copy
|
|
- **Candidates to evaluate:** Inter, IBM Plex Sans, Source Sans 3, Outfit, or similar
|
|
- **Approach:** Pick font → load from Google Fonts CDN → apply to body/labels → verify all 3 themes
|
|
|
|
### Step 2: GUI Polish List A
|
|
- Contract Term pills — more vertical padding on unselected
|
|
- Section card collapsed headers — slightly tight vertically
|
|
- "MANAGED IT SERVICES (SECTIONS I, II, III)" label — low contrast
|
|
- Insight carousel text — more line-height
|
|
- "QUOTE NOTES" label spacing — inconsistent with other section labels
|
|
|
|
### Step 3: Typography Token Pass
|
|
- Tokenize remaining hardcoded letter-spacing (~20 locations)
|
|
- Tokenize hardcoded font-sizes
|
|
- Move sidebar typography tokens from components.css → tokens.css
|
|
- Phase 4: icon/button sizing tokens
|
|
- Phase 6: responsive breakpoint font-sizes (optional)
|
|
|
|
---
|
|
|
|
## Tools Available — USE THEM
|
|
|
|
| Tool | When |
|
|
|------|------|
|
|
| **Playwright MCP** | Visual verification across Dark/Light/Glass |
|
|
| **accesslint** | Contrast checking on any color changes |
|
|
| **superpowers** | Planning, parallel agents, TDD, debugging |
|
|
| **context-mode** | Large output processing (>20 lines) |
|
|
|
|
---
|
|
|
|
## Resume Prompt
|
|
|
|
Tell Claude:
|
|
> "Read docs/SESSION-HANDOFF.md. Pick up at Google Fonts selection, then GUI polish list A."
|