Generate token set manually
Build a complete token set by configuring style choices — color, font, radius, and spacing.
What manual generation does
Manual generation creates a full token set from a set of high-level style choices you configure. You pick the inputs (base color, font, corner radius scale, spacing scale, theme), and Lovision generates a complete set of named tokens based on those choices.
This gives you more predictable output than AI generation — the structure follows a consistent template, and the values scale from the base options you select.
Generating a token set manually
- Open the Design Tokens panel.
- Click Create set and select Manual (or Generate manually) as the method.
- Configure the style options:
| Option | What it sets |
|---|---|
| Base color | The primary brand color — Lovision generates a full color scale from it |
| Theme | Light or dark — affects background, surface, and text token values |
| Style | Visual direction (minimal, bold, warm, etc.) — affects density and contrast |
| Font | The primary typeface used for body and heading tokens |
| Radius | Corner radius scale — small (flat), medium, or large (rounded) |
| Spacing | Spacing density — compact, comfortable, or spacious |
- Preview the generated tokens in the preview panel.
- Click Create to save the token set.
After creation
All generated tokens are editable. You can update individual values, rename tokens, and add new ones as your system evolves.
Tips
- Start with the base color — it has the biggest visible impact on the generated palette.
- Choose a radius and spacing that match the density of your product's UI. Compact spacing works for data-dense tools; spacious works for marketing pages.
- Preview the tokens in both light and dark modes before creating, if your product supports both themes.