The corner radius trick I wish I had learned sooner.
Nested cards look off when the inner and outer radius do not agree. The fix is one line of math: outer radius = inner radius + the padding between them.
An 8px inner card with 16px of padding wants a 24px outer radius. Line those up and the corners nest cleanly instead of pinching at the edges.
It costs nothing and it is the fastest way to make a Framer layout feel considered.
The corner radius trick I wish I had learned sooner.
Nested cards look off when the inner and outer radius do not agree. The fix is one line of math: outer radius = inner radius + the padding between them.
An 8px inner card with 16px of padding wants a 24px outer radius. Line those up and the corners nest cleanly instead of pinching at the edges.
It costs nothing and it is the fastest way to make a Framer layout feel considered.