Briefle words · UI design
Letterboxing
Also called pillarboxing
Empty bars added around an image because its shape doesn't match the frame.
Say it to an AI
Row of three rental listing cards (photo, title, rating, price). Crop every photo to the same 4:3 aspect ratio with object-fit: cover, never stretched and no letterboxing, so titles, ratings and prices keep baseline alignment across cards.
How an expert would brief the stronger version of “Rental listing cards”.
See it
Try it as a puzzle →Row of recommended stays on a vacation-rental home page.
Why: The Alfama loft photo in A sits in a grey box with bars on the left and right.
Related words
Room 5 · Spacing & layout
Learn “Letterboxing” in a five-minute lesson