Velio design system

One system for all of Velio

Tokens, components and guidance for every Velio surface. Everything here is plain HTML and CSS, so app teams can port it to Flutter and anything else. VelioBot's generative UI is built on the same tokens and components; switch to Gen UI in the sidebar for its rules, recipes and playground.

Foundations

ColorTypographySpace, radius, sizeElevation and motionIcons

Components

35 componentsLive examples, markup, props and guidance Gen UIHow VelioBot composes these components into chat UI

Working on the system

ChangelogEvery approved change, newest first RoadmapPlanned, ongoing and done ContributionHow a change gets in

In the repo, start with README.md. Agents read AGENTS.md first. Developers porting to Flutter read docs/handoff-flutter.md and use tokens/build/velio_tokens.dart.