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

3 card styles

f_c927037a32 · cards (preliminary rule) · medium

48 card-like containers fall into 3 distinct styles (background, border, radius, padding, shadow).

In your project these decisions are made in tavero ui.

VariantmobiletabletdesktopRendered by
bg #ffffff, radius 10, padding 20/24, border 1px #e4e7ec, no shadow — 21 instance(s) via Card on 5 page(s)src/components/Card.tsx:3
bg #ffffff, radius 8, padding 18/18, border 1px #dde1e7, no shadow — 18 instance(s) via Projects on 1 page(s)src/pages/Projects.tsx:9
bg #ffffff, radius 14, padding 20/20, border 1px #e4e7ec, no shadow — 9 instance(s) via StatTile on 1 page(s)src/components/StatTile.tsx:4
The agent will see:
No canonical yet: the agent sees every variant as drift.