Glossary · 12
Border Radius
Border radius is the roundness of an element’s corners; small radii read professional, large radii read friendly, and consistency matters more than the exact value.
The CSS property that rounds an element’s corners. Radius is tone-setting: 0px reads severe, 4-8px professional, 16px+ friendly, and full rounding turns buttons into pills. Consistency matters more than the value itself — mixed radii make a UI feel broken.