Why Your CSS Reset Should Be the First Layer of Your Design System

Developers building design systems often start with generic community CSS resets like Normalize.css or Eric Meyer's Reset, but these tools are deliberately universal and know nothing about a project's specific design language. This creates a redundant workflow where designers must apply their typeface, spacing, color, and focus styles on top of defaults they will inevitably override. The article argues that a CSS reset should encode design tokens — such as typography, color, and spacing variables — directly, rather than serving as a neutral prerequisite. By compiling design tokens into CSS custom properties and writing the reset against those variables, teams establish a single source of truth from the very first stylesheet. This approach eliminates invisible dependencies and redundant style declarations that otherwise spread across every component in the system.