Briefle words · UI design
Field group
A label, its input and any helper or error text treated as one unit with shared internal spacing.
Say it to an AI
Signup card with name, email and password. Let proximity do the grouping: each label sits tight to its input, with a clearly bigger gap between field groups. Pull everything from a 4px spacing scale, roughly 4–6px label-to-input and 16px between groups.
How an expert would brief the stronger version of “Signup form”.
See it
Try it as a puzzle →Account signup card for a note-taking app.
Why: B spaces each label and input pair as one block. A spreads the labels and inputs out as separate, evenly spaced rows.
Related words
Room 5 · Spacing & layout
Learn “Field group” in a five-minute lesson