The Formula for Perfect Corners on Cards

Improve user perception

What makes cards aesthetically pleasing are the corners. When the corner radius of the inner element is concentric to the corner radius of the outer element, the nested elements have a harmonious relationship.

However, when the corner radiuses aren’t concentric, the cards can look and feel grotesque. This effect occurs when users view the cards as a whole, not the corners in isolation.

You can follow a simple formula to get the perfect corners on your cards. Following this formula ensures that nested elements always have concentric corners.