Prepared for Kate with AI assistance. Examples are illustrative, not customer testimonials.

Choose a shape that fits the overall style

Set a global button shape, then check how labels fit within it. Keep the primary action recognisable and avoid using decorative button-looking elements for non-actions. Long text can make a pill shape awkward on mobile, so shorten labels where useful. Evaluate buttons with the full page rather than as isolated design samples.

Practical checklist

  • Choose one main button shape
  • Use clear concise labels
  • Check long labels on mobile
  • Make real actions recognisable
  • Keep styles consistent across pages

A prompt to try

Draft a homepage for [business] with short, accurate contact button labels. Use supported widgets and avoid actions that the website does not actually provide.

Your next step

Use shape as a consistent visual language, not as a substitute for a clear action.