Should all form elements have the same border radius?


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?


1 Like

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.


This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.