Should all form elements have the same border radius?

Hi,

I am designing a website that has some rounded CTA buttons and wondering if all there related elements should follow the same style?

For example, should my search bar also have a pill-like appearance to match the buttons, or would it look odd with a square/5px field and then a rounded button.

Is there a general rule f thumb fr this?

Thanks

You want the form elements to be clear as to their purpose. Buttons should look alike; make sure that non-button elements do not look like buttons. For instance, input fields like search fields should look like input fields, not buttons. Drop-downs should make you expect a drop-down list of options.

I hope this is clear.

2 Likes