Badged Field Labels: A Better Variant of Top-Aligned Labels

A small design change for a big UX improvement

There are many ways to align your form field labels. The most common way is top-aligned labels. However, this approach often causes perception issues that most designers aren't aware of.

For this reason, top-aligned labels don't provide the best user experience for filling out forms. But with a simple design change, you can change all that. There's a new and better way to style your top-aligned labels to improve how users perceive them.