Button sizes

Button sizes are a small, fixed set of heights and paddings, often 32, 44 and 52 pixels tall, used across a whole interface.

Why it matters

A fixed set makes every button look like part of one family and keeps them comfortable to tap.

In practice

  • Grow padding with height so the shape stays the same.
  • Use one large button per screen.
  • Never go below 24 by 24 pixels for anything tappable.

The UI sizing guideAll 42 terms

Related terms

Touch targets

A touch target is the tappable area of a button, link or control.

Learn the term

Mobile-first design

Mobile-first design starts with the phone screen and adds to it for larger screens, instead of squeezing a desktop page down.

Learn the term

Nested border radius

The nested border-radius rule says an inner corner's radius should equal the outer radius minus the padding between them.

Learn the term

Want this done for you?

Button sizes is part of a normal project here. Tell me where you are and I'll suggest the first three fixes.

Book a 20-minute call