Briefle words · UI design
Secondary button
A lower-emphasis button style (outlined or ghost) for the safe or alternative choice.
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: B's 'Cancel' is white with a gray #D1D5DB border; A's 'Cancel' is a saturated blue fill as loud as Delete.
Related words
Room 1 · Essentials
Learn “Secondary button” in a five-minute lesson