Briefle words · UI design
Key-value pair
Also called label-value pair
A piece of data shown as a short label plus its value, like 'Seat: 14A'.
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: Both panels show six key-value pairs in a two-column grid; only the emphasis differs.
Related words
Room 2 · Hierarchy & emphasis
Learn “Key-value pair” in a five-minute lesson