Briefle words · UI design
Button order
The consistent placement of dialog buttons, typically right-aligned with the primary action at the far right.
Say it to an AI
Delete-project confirmation dialog with exactly one primary action: a solid red "Delete project" button, clearly styled as a destructive action. Cancel is an outlined secondary button placed before it, with both right-aligned in standard button order and initial focus on Cancel.
How an expert would brief the stronger version of “Delete confirmation”.
See it
Try it as a puzzle →Confirmation dialog before deleting a shared project in a task manager.
Why: Both right-align 'Cancel' then 'Delete project', so order isn't the problem here; the difference is purely how much weight each button gets.
Related words
Room 1 · Essentials
Learn “Button order” in a five-minute lesson