Foundations

No radius

The single most distinctive rule of the system: border-radius: 0 everywhere. Corners are sharp by parti pris, exposed through one token — --ds-radius-none.

Right vs wrong

--ds-radius-none
Sharp — correct
Rounded — never
border-radius: var(--ds-radius-none); /* 0 */

One knob

Every corner reads from --ds-radius-none. Override that single token if a downstream brand truly requires rounding, and the whole system softens at once — no component edits needed.