Taveroacme · scan 2026-10-23T17-55-47-962 · 2 high, 26 medium, 6 info
  1. high 7 text button styles Canonical 7
  2. high 13 distinct padding values, 1 declared 12
  3. medium Two text button styles differ only in radius, paddingY, paddingX, bg, borderWidth 2
  4. medium 4 place(s) write <button> directly in page or section markup 4
  5. medium 1 place(s) build card-like containers inline instead of a card component 1
  6. medium 3 card styles 3
  7. medium Hardcoded color #206f4a in 1 place(s) 1
  8. medium Hardcoded color #30a66f24 in 1 place(s) 1
  9. medium Hardcoded color #4263eb in 1 place(s) 1
  10. medium Hardcoded color #5d2e9e in 1 place(s) 1
  11. medium Hardcoded color #667085 in 2 place(s) 2
  12. medium Hardcoded color #8749df21 in 1 place(s) 1
  13. medium Hardcoded color #935210 in 1 place(s) 1
  14. medium Hardcoded color #dde1e7 in 1 place(s) 1
  15. medium Hardcoded color #e03131 in 1 place(s) 1
  16. medium Hardcoded color #ec9c1326 in 1 place(s) 1
  17. medium Hardcoded color #ffffff in 3 place(s) 3
  18. medium Color #206f4a is not a project token 4
  19. medium Color #30a66f is not a project token 4
  20. medium Color #4263eb is not a project token 4
  21. medium Color #5d2e9e is not a project token 4
  22. medium Color #667085 is not a project token 5
  23. medium Color #8749df is not a project token 4
  24. medium Color #935210 is not a project token 4
  25. medium Color #e03131 is not a project token 4
  26. medium Color #ec9c13 is not a project token 4
  27. medium 3 distinct gap values, 1 declared 2
  28. medium 6 distinct radius values, 2 declared 4
  29. info 11 hardcoded color literals in 14 place(s) across the project 10
  30. info 1 browser-default color on unstyled elements 3
  31. info 9 distinct font size values, 0 declared 0
  32. info 4 distinct font weight values, 9 declared 0
  33. info 0 distinct shadow values, 0 declared 0
  34. info 13 distinct size/weight/line-height combinations 5

7 text button styles Canonical

f_c75ac3d6a2 · buttons · high

45 button-text samples fall into 7 distinct styles; the most common is used 18 time(s).

In your project these decisions are made in tavero ui.

VariantmobiletabletdesktopRendered by
no bg, text #3b5bdb, radius 6, padding 8/12, 14px/600, border 1px, no shadow — 18 instance(s) via Button on 1 page(s)
allowed
src/components/Button.tsx:4
bg #3b5bdb, text #ffffff, radius 6, padding 10/16, 14px/600, border 1px, no shadow — 9 instance(s) via Button on 3 page(s)
primary
src/components/Button.tsx:4
bg #ffffff, text #1d2433, radius 6, padding 10/16, 14px/600, border 1px #e4e7ec, no shadow — 6 instance(s) via Button on 2 page(s)
allowed
src/components/Button.tsx:4
bg #f0f0f0, text #000000, radius 0, padding 1/6, 13px/400, border 2px #000000, no shadow — 3 instance(s) via Team on 1 page(s)
bring to the canonical
src/pages/Team.tsx:6
bg #ffffff, text #1d2433, radius 999, padding 9/18, 13px/500, border 1px #e4e7ec, no shadow — 3 instance(s) via Reports on 1 page(s)
bring to the canonical
src/pages/Reports.tsx:7
bg #e03131, text #ffffff, radius 4, padding 10/16, 14px/600, no border, no shadow — 3 instance(s) via Settings on 1 page(s)
bring to the canonical
src/pages/Settings.tsx:12
bg #4263eb, text #ffffff, radius 8, padding 11/18, 14px/600, no border, no shadow — 3 instance(s) via Billing on 1 page(s)
bring to the canonical
src/pages/Billing.tsx:8
The agent will see:
tavero_context → "Button (bg #3b5bdb, text #ffffff, radius 6, padding 10/16, 14px/600, border 1px, no shadow)" is canonical
tavero_finding f_c75ac3d6a2 → expected on 4 variant(s): "Button "primary" (bg #3b5bdb, text #ffffff, radius 6, padding 10/16, 14px/600, border 1px, no shadow) or Button "ghost" (no bg, text #3b5bdb, radius 6, padding 8/12, 14px/600, border 1px, no shadow) or Button "secondary" (bg #ffffff, text #1d2433, radius 6, padding 10/16, 14px/600, border 1px #e4e7ec, no shadow)"