<?xml version="1.0" encoding="utf-8"?>

Keep the input text legible

Keep the input text legible Bad Practice
Keep the input text legible Best Practice

The input text size, as well as the placeholder size, should be easy to read. There’s no single “right” size for text inputs, but 16px is a good starting point. It can be larger if you have a text-heavy page or slightly smaller if you design an interaction-heavy page.[1]

Pro Tip: Keep in mind that the legibility of different fonts can vary even at the exact same font size.

Improve your UX & Product skills with interactive courses that actually work