Purpose

Corner radius adds polish and improves visual harmony by softening elements. It enhances usability by signaling interactivity and reducing cognitive load.

Radii

Apply standard 8P point incremental radii values (e.g., 8px, 16px, 24px) based on component type and elevation.

Context & platform guidelines

Do not use platform-specific guidelines while adapting for devices. Android and iOS to have the same radii as per design

Responsiveness

Ensure corner radius scales visually across screen sizes without distorting shape or spacing.