← All reports

twentyhq/twenty

The open alternative to Salesforce, designed for AI.

★ 60k · react, next, mui, chakra, styled-components, emotion · scanned 2026-10-26 at ed4330a

99
design health · mostly tokenized
How this is scored · CLI 0.8.12
Value discipline
59/60
Token health
20/20
Consistency
10/10
Critical issues
10/10

The path to 100: 1 points

  • +1 Replace the hardcoded values in 7 of the 17 findings with tokens or scale steps · Value discipline
Left alone: 1 value 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. 1 optical nudges.

17
hardcoded-value findings
76
design tokens found
4,226
components

Most repeated literal colours

No repeated literal colours.

Most repeated literal spacing

  • 3rem2×
  • 2px2×
  • 12px1×
  • 20px1×

Files with the most drift

Drift by type

  • Hardcoded values12

Examples

packages/twenty-front/src/modules/navigation-menu-item/display/components/NavigationMenuItemIconWithOverlay.tsx:36
NavigationMenuItemIconWithOverlay
  • size: 12px (line 47)
packages/twenty-companion/src/renderer/components/OnboardingText.module.scss:6
packages/twenty-companion/src/renderer/components/OnboardingText.module.scss
  • line height: 1.2 (line 6)
  • line height: 1.4 (line 14)
packages/twenty-companion/src/renderer/style.css:6
packages/twenty-companion/src/renderer/style.css
  • font size: 13px (line 6)
  • line height: 1.45 (line 8)
  • line height: 1.6 (line 33)
packages/twenty-docs/custom.css:13
packages/twenty-docs/custom.css
  • font weight: 300 (line 13)
  • font weight: 300 (line 38)
  • font weight: 300 (line 124)
packages/twenty-front/src/index.css:14
packages/twenty-front/src/index.css
  • font size: 13px (line 14)
  • font size: 13px (line 47)
packages/twenty-ui/src/components/feedback/Callout/Callout.module.scss:74
packages/twenty-ui/src/components/feedback/Callout/Callout.module.scss
  • line height: 1.4 (line 74)
  • line height: 1.4 (line 101)
packages/twenty-ui/src/components/input/SegmentedControl/SegmentedControl.module.scss:10
packages/twenty-ui/src/components/input/SegmentedControl/SegmentedControl.module.scss
  • spacing: 2px (line 10)
  • line height: 1.4 (line 79)
packages/twenty-ui/src/components/layout/LabeledSeparator/LabeledSeparator.module.scss:39
packages/twenty-ui/src/components/layout/LabeledSeparator/LabeledSeparator.module.scss
  • line height: 1.4 (line 39)
packages/twenty-ui/src/primitives/data-display/Avatar/Avatar.module.scss:51
packages/twenty-ui/src/primitives/data-display/Avatar/Avatar.module.scss
  • font size: 16px (line 51)
  • font size: 16px (line 57)
  • font size: 13px (line 63)
packages/twenty-ui/src/primitives/input/Textarea/Textarea.module.scss:16
packages/twenty-ui/src/primitives/input/Textarea/Textarea.module.scss
  • line height: 16px (line 16)
packages/twenty-ui/src/primitives/surfaces/internal/Dialog.module.scss:133
packages/twenty-ui/src/primitives/surfaces/internal/Dialog.module.scss
  • line height: 1.5 (line 133)
packages/twenty-ui/src/testing/ComponentStorybookLayout.module.scss:4
packages/twenty-ui/src/testing/ComponentStorybookLayout.module.scss
  • radius: 5px (line 4)
  • spacing: 20px (line 10)

What Buoy would do about it

Maintainers: this scan used the MIT-licensed CLI at commit ed4330a. 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.