Roadmap
What is in progress, what is next and what has shipped. Finished items also get a changelog entry.
Planned
10- Revisit the fill colorFoundations
fill (neutral-100) reads heavy on white. The docs site uses it at 30% on panels for now.
- Light-mode contrastFoundations
ink-subtle is 2.8:1 on bg (ink-muted now passes at 5.7:1); line-strong borders on controls are faint.
- Icon sizes against the 24px gridFoundations
Icon size tokens (13 / 16 / 20) predate the Figma set.
- A menu iconFoundations
The phone menu button borrows more.
- Primary and secondary role namesFoundations
Consider renaming accent / accent-2. A token rename plus a CSS sweep.
- Visual refinement passComponents
Bring each component in line with Figma, one category at a time.
- Tokenise fixed sizesComponents
Toggle, checkbox, ring and map pin keep their own sizes.
- Product guidanceComponents
Component Markdown bodies are placeholders; the generated spec carries the pages.
- Components in FigmaFigma
Component sets bound to the variables, mirroring system/components.
- Flutter port of tokens and componentsHandoff
velio_tokens.dart is generated; widgets follow docs/handoff-flutter.md.
Ongoing
2- Docs site frame in FigmaFigma
Keep the site frame (Social → System → overview) in step with the live sidebar and pages.
- Dark theme reviewFoundations
Every role has a dark value; accent tints, status tints and inverse surfaces need design review.
Done
10- Changelog, roadmap and contribution guideDocs site
- Docs site quality passDocs site
Sidebar keeps its place, outlined surfaces, view transitions, motion.
- Docs site shell from FigmaDocs site
- Icons from FigmaFoundations
43 fill icons; Lucide removed.
- Elevation and motionFoundations
- Space, radius and sizeFoundations
- Type rolesFoundations
Mirrored to Figma variables and text styles.
- Color roles and paletteFoundations
Mirrored to Figma variables with Light and Dark modes.
- Primary button from FigmaComponents
- Gen UI merged into the design systemGen UI