Why it matters
Mixing 3px, 6px, 10px, 14px and 20px corners makes components look like they come from different kits.
How to fix it
Derive radii from one --radius knob (xs…2xl) and keep nested radii concentric (inner = outer - padding).
More design rules
void design reports 19 rules in this category. Measured design heuristics from computed styles: font families, type scale, line length, palette and accent sprawl, spacing grid, radius sprawl, dark mode and the tells of generated UI.
gradient-textGradient-filled heading textpurple-gradientPurple/indigo gradient backgroundemoji-iconsEmoji used as iconsspacing-off-gridSpacing values are off the 4px gridno-dark-modeNo dark mode supportcolor-scheme-missingcolor-scheme is not declaredselection-unstyled::selection is not styledhorizontal-overflowPage scrolls horizontally at 375px