Template
Design system inventory
Audit the colours, type, spacing and components a product actually uses before systematising them.
Design system inventory
Product: Screens reviewed: (list) Date:
Colours found
| Hex | Where used | Purpose | Keep / merge / remove | Token name |
|---|---|---|---|---|
Typography found
| Font / size / weight / line height | Where used | Proposed style name |
|---|---|---|
Spacing values found
List every margin and padding value. Group into a scale (for example 4, 8, 12, 16, 24, 32, 48, 64).
Components
| Component | Variants found | States covered (default, hover, focus, active, disabled, error, loading) | Inconsistencies | Priority |
|---|---|---|---|---|
| Button | ||||
| Text input | ||||
| Select | ||||
| Checkbox / radio | ||||
| Card | ||||
| Navigation | ||||
| Dialog | ||||
| Toast / alert | ||||
| Table |
Icons and imagery
Sizes, styles and sources found:
Decisions
- Primary palette:
- Type scale:
- Spacing scale:
- First five components to standardise:
View the Markdown source
# Design system inventory **Product:** **Screens reviewed:** (list) **Date:** ## Colours found | Hex | Where used | Purpose | Keep / merge / remove | Token name | |---|---|---|---|---| | | | | | | ## Typography found | Font / size / weight / line height | Where used | Proposed style name | |---|---|---| | | | | ## Spacing values found List every margin and padding value. Group into a scale (for example 4, 8, 12, 16, 24, 32, 48, 64). ## Components | Component | Variants found | States covered (default, hover, focus, active, disabled, error, loading) | Inconsistencies | Priority | |---|---|---|---|---| | Button | | | | | | Text input | | | | | | Select | | | | | | Checkbox / radio | | | | | | Card | | | | | | Navigation | | | | | | Dialog | | | | | | Toast / alert | | | | | | Table | | | | | ## Icons and imagery Sizes, styles and sources found: ## Decisions - Primary palette: - Type scale: - Spacing scale: - First five components to standardise: