- 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
Two text button styles differ only in radius, paddingY, paddingX, bg, borderWidth
f_94269275c1 · buttons · medium
3 and 9 samples; unify on one of them.
In your project these decisions are made in tavero ui.
| Value | Expected | Component | Where | mobile | tablet | desktop |
|---|---|---|---|---|---|---|
| bg #4263eb, text #ffffff, radius 8, padding 11/18, 14px/600, no border, no shadow (radius=8/8/8/8, paddingY=11, paddingX=18, bg=#4263eb, borderWidth=0) | Billing | src/ |  |  |  | |
| bg #3b5bdb, text #ffffff, radius 6, padding 10/16, 14px/600, border 1px, no shadow (radius=6/6/6/6, paddingY=10, paddingX=16, bg=#3b5bdb, borderWidth=1) | Button | src/ |  |  |  |