Briefle words · UI design
Selected state
The styling that shows which tab, menu item or option is currently chosen.
Say it to an AI
White booking sheet on a light grey page, with our pink brand color used only as an accent: the studio eyebrow, the selected time slot's border and tint, and the full-width Book button. Time slots stay neutral with thin grey borders so the selected state is obvious.
How an expert would brief the stronger version of “Class booking”.
See it
Try it as a puzzle →Booking sheet for a boutique fitness studio's app.
Why: B's 9:30 slot has a pink border and tint against white slots; A's 9:30 is a barely darker pink among pink slots.
Related words
Room 4 · Color
Learn “Selected state” in a five-minute lesson