Why it matters
Emoji in headings, buttons and feature cards render differently per platform, can't be styled or sized with the type, and read as placeholder UI.
How to fix it
Use a consistent SVG icon set (lucide, phosphor) sized to the text with currentColor, or no icon at all.
Example
<svg aria-hidden="true" class="size-5 text-fg-muted">…</svg>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.
palette-sprawlToo many distinct colorsmultiple-accentsMore than one accent huegradient-textGradient-filled heading textpurple-gradientPurple/indigo gradient backgroundspacing-off-gridSpacing values are off the 4px gridradius-sprawlToo many different corner radiino-dark-modeNo dark mode supportcolor-scheme-missingcolor-scheme is not declared