Radius
Five corner radii from 4px to 14px, and the components that use each.
Five radii
The larger the radius, the more an element reads as an object lifted off the page. A poster has 4px and reads as a print; a dialog has 14px and clearly floats. Round avatars and icon buttons use 50% and pill buttons 999px, outside these five.
--radius-xs4pxPosters, checkboxes, list covers--radius-sm5pxPills--radius8pxButtons, inputs, selects--radius-lg10pxGrey panels, menus, popups, error panels, toasts--radius-xl14pxDialogs and the phone sheet