Rounded corners versus the smoother continuous kind — is there a real difference or is it just fashion?
Designing a mobile interface and I have started using the smoother, more gradual corner shape everywhere instead of a plain rounded rectangle. It looks better to me. The transition into the straight edge is less abrupt and the whole thing feels calmer.
But I cannot articulate why beyond that, and "it looks nicer" is a weak position to defend in a review. It is also clearly a trend — platform design languages have moved this way, and I may simply be responding to what I have been looking at.
Is there anything functional underneath, or is this purely aesthetic and I should stop trying to justify it?
@frontend_felix · 4d ago
The practical consideration that usually decides it: cost.
A plain rounded corner is one CSS property, it is what every component library ships, it is what your design tokens already express, and every engineer implements it identically without thinking.
The smoother version needs either a platform that provides it natively, or a clipped path or SVG per component, plus a decision about what happens at every size and every nesting level. That is not enormous, but it is a permanent tax on every new component, and in my experience it gets applied inconsistently within about two months — some things smooth, some things not, which looks worse than either alone.
If your platform gives it to you for free, take it. If it does not, be honest that you are buying a subtle improvement with an ongoing maintenance cost.
Reply
Report