- high 7 text button styles Canonical 7
- high 13 distinct padding values, 1 declared 12
- medium Two text button styles differ only in radius, paddingY, paddingX, bg, borderWidth 2
- medium 4 place(s) write <button> directly in page or section markup 4
- medium 1 place(s) build card-like containers inline instead of a card component 1
- medium 3 card styles 3
- medium Hardcoded color #206f4a in 1 place(s) 1
- medium Hardcoded color #30a66f24 in 1 place(s) 1
- medium Hardcoded color #4263eb in 1 place(s) 1
- medium Hardcoded color #5d2e9e in 1 place(s) 1
- medium Hardcoded color #667085 in 2 place(s) 2
- medium Hardcoded color #8749df21 in 1 place(s) 1
- medium Hardcoded color #935210 in 1 place(s) 1
- medium Hardcoded color #dde1e7 in 1 place(s) 1
- medium Hardcoded color #e03131 in 1 place(s) 1
- medium Hardcoded color #ec9c1326 in 1 place(s) 1
- medium Hardcoded color #ffffff in 3 place(s) 3
- medium Color #206f4a is not a project token 4
- medium Color #30a66f is not a project token 4
- medium Color #4263eb is not a project token 4
- medium Color #5d2e9e is not a project token 4
- medium Color #667085 is not a project token 5
- medium Color #8749df is not a project token 4
- medium Color #935210 is not a project token 4
- medium Color #e03131 is not a project token 4
- medium Color #ec9c13 is not a project token 4
- medium 3 distinct gap values, 1 declared 2
- medium 6 distinct radius values, 2 declared 4
- info 11 hardcoded color literals in 14 place(s) across the project 10
- info 1 browser-default color on unstyled elements 3
- info 9 distinct font size values, 0 declared 0
- info 4 distinct font weight values, 9 declared 0
- info 0 distinct shadow values, 0 declared 0
- info 13 distinct size/weight/line-height combinations 5
Color #206f4a is not a project token
f_fada869052 · colors · medium
Used 6 time(s): 0 background, 6 text, 0 border. No close token: the nearest, --acme-muted #5b6475, is ΔE 27.1 away; add a token for this color.
In your project these decisions are made in tavero ui.
| Value | Expected | Component | Where | mobile | tablet | desktop |
|---|---|---|---|---|---|---|
| literal #206f4a in source | no close token (nearest --acme-muted #5b6475, ΔE 27.1); add a token | src/ | ||||
| text #206f4a | no close token (nearest --acme-muted #5b6475, ΔE 27.1); add a token | Reports | src/ | |||
| text #206f4a | no close token (nearest --acme-muted #5b6475, ΔE 27.1); add a token | Reports | src/ | |||
| text #206f4a | no close token (nearest --acme-muted #5b6475, ΔE 27.1); add a token | Reports | src/ |