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.
Subscribe to read the full article
Become a paying subscriber of UX Movement Newsletter to get exclusive access to this article and other subscriber-only content