Loading page
Pattern library
Patterns combine components, content, behavior, accessibility, and product policy around a repeatable user problem.
Help people understand where they are and move without losing orientation.
Information architecture · Landmarks · Links and disclosures · Current locationCollect necessary information with clear expectations, efficient input, and recoverable errors.
Question · Label and hint · Input · ValidationMatch warning, confirmation, and recovery to the consequence and reversibility of an action.
Trigger · Consequence · Scope · ConfirmationExplain what happened, preserve useful work, and provide a specific route to recovery.
Signal · Plain-language description · Affected location · Preserved stateRequest, explain, and recover access without hiding scope or coercing consent.
Trigger and purpose · Scope · System or product prompt · Denied stateHelp people reduce a collection while keeping query, scope, result state, and recovery understandable.
Search input · Filter controls · Applied-filter summary · Results and countApply one action across selected records while making selection scope, consequence, progress, and partial failure explicit.
Selection model · Selected count · Action bar · Scope confirmationHelp people reach first value while preserving autonomy, accessibility, and a path back to guidance.
Entry context · Value framing · Required setup · ProgressOrganize persistent preferences so current state, consequence, dependency, and save behavior remain clear.
Category navigation · Setting label and description · Control · DependencyVerify identity while preserving trust, secure recovery, and continuity across devices and assistive contexts.
Identifier · Authentication method · Second factor or passkey · Error feedback