Briefle words · UI design
Muted label
A label styled quieter than its data, usually smaller and grey, because users learn it once and then only read the values.
Say it to an AI
Booking details panel as a two-column grid of key-value pairs. Muted labels above each value, small and grey, and the values carry the visual weight: larger, semibold, near-black, so seat, time and confirmation code are what you see first.
How an expert would brief the stronger version of “Booking details”.
See it
Try it as a puzzle →Trip page in an airline's app, opened on the way to the airport.
Why: B's labels are 12px grey without colons; A's labels are bold with colons and outshout the values.
Related words
Room 2 · Hierarchy & emphasis
Learn “Muted label” in a five-minute lesson