Briefle words · UI design
Recommended plan
Also called highlighted tier
One option in a set that is visually emphasised to show it's the best fit for most people.
Say it to an AI
Three-tier storage upgrade picker with the storage size as the hero number on each card. Make Plus the recommended plan: raised, accent border, a "Most popular" badge and the only filled button, so it reads as the default option. The other two stay available with outline buttons.
How an expert would brief the stronger version of “Storage plan picker”.
See it
Try it as a puzzle →Upgrade screen of a cloud photo backup app when the user is almost out of space.
Why: A lifts the Plus card 6px, gives it a 2px blue border and a soft blue shadow; in B all three cards are the same.
Related words
Room 2 · Hierarchy & emphasis
Learn “Recommended plan” in a five-minute lesson