← All reports

midday-ai/midday

Invoicing, Time tracking, File reconciliation, Storage, Financial Overview & your own Assistant made for Freelancers

★ 15k · react, next, tailwind, radix · scanned 2026-10-26 at 5158731

38
design health · often hardcoded
How this is scored · CLI 0.8.12
Value discipline
0/60
Token health
20/20
Consistency
10/10
Critical issues
8/10

The path to 100: 62 points

  • +60 Replace the hardcoded values in 419 of the 422 findings with tokens or scale steps, and remove or reuse 3 unused components and repeated patterns · Value discipline
  • +2 Fix 1 colour contrast failure · Critical issues
Left alone: 49 values the code marks as deliberate · not counted in the score

Buoy skips a value when a comment explains it or marks it as known debt, when it is a 2–3px optical nudge, or when the commit that added it says it was deliberate. 48 optical nudges · 1 explained in a comment.

422
hardcoded-value findings
plus 27 in vendored shadcn/ui files, not scored
167
design tokens found
1,412
components

Most repeated literal colours

  • #878787 317×
  • #606060 146×
  • #666666 87×
  • #0c0c0c 35×
  • #131313 33×
  • #f2f1ef 32×
  • #1d1d1d 27×

Most repeated literal spacing

  • 15px4×
  • 5px3×
  • 80px3×
  • 150px3×
  • 12px2×
  • 8px2×
  • .325em2×
  • 70px2×

Files with the most drift

Drift by type

  • Hardcoded values449
  • Repeated patterns3
  • Colour contrast1

Examples

packages/ui/src/components/iphone-mock.tsx:64
SilentBanner
  • backgroundColor: #000 (line 121)
apps/dashboard/src/components/transaction-status.tsx:71
TransactionStatus
  • color: #f44336 (line 94)
  • color: #ff9800 (line 126)
apps/website/src/components/computer.tsx:716
Computer
  • color: hsl(0, 0%, 30%) (line 847)
packages/invoice/src/templates/pdf/index.tsx:60
PdfTemplate
  • backgroundColor: #fff (line 108)
  • color: #000 (line 109)
packages/ui/src/components/animations/chat-demo-animation.tsx:880
MiddayLogo
  • background: #000 (line 895)
packages/ui/src/components/animations/chat-demo-animation.tsx:2142
LockScreen
  • background: rgba(255,255,255,0.02) (line 2166)
  • color: rgba(255,255,255,0.94) (line 2186)
packages/ui/src/components/animations/chat-demo-animation.tsx:2247
NotificationBanner
  • color: rgba(255,255,255,0.9) (line 2342)
  • color: rgba(255,255,255,0.45) (line 2351)
  • color: rgba(255,255,255,0.75) (line 2363)
packages/ui/src/components/animations/chat-demo-animation.tsx:2379
SetupNotificationBanner
  • color: rgba(255,255,255,0.96) (line 2488)
  • color: rgba(255,255,255,0.78) (line 2499)
packages/ui/src/components/animations/chat-demo-animation.tsx:2558
ReceiptPreview
  • background: #0E0E10 (line 2571)
  • background: #FFFFFF (line 2616)
  • color: #111827 (line 2625)
packages/ui/src/components/animations/chat-demo-animation.tsx:2690
MatchResultPreview
  • color: #111827 (line 2721)
  • color: #6B7280 (line 2781)
  • background: #FFFFFF (line 2849)
packages/ui/src/components/animations/chat-demo-animation.tsx:2933
InvoiceOgArtwork
  • background: #131313 (line 2941)
  • background: #FFFFFF (line 2968)
  • color: #111111 (line 2980)
packages/ui/src/components/animations/chat-demo-animation.tsx:3110
OgLinkPreview
  • background: #2B2B2F (line 3116)
  • background: #36363A (line 3123)
  • color: #FFFFFF (line 3133)

What Buoy would do about it

Maintainers: this scan used the MIT-licensed CLI at commit 5158731. Run it yourself with npx @buoy-design/cli show health, or install the GitHub App to get the fix suggested on every PR. If anything here is wrong, open an issue and we will correct the page. If you would rather this report not be public, email support@buoy.design and we will take it down.

The score describes how much of the UI goes through design tokens, not the quality of the product or the team. Scores can shift between CLI versions as detection improves; this one was produced by CLI 0.8.12. How the score works.