Page notice
A page notice is a prominent message for high-priority conditions that impacts what users can do in the product or on a specific page, like account restrictions, blocking issues, or urgent required actions.
- CSS
- Marko
- React
Timing
Do keep page notices temporary and provide a solution to remove the page notice.
Don't use page notices without a clear solution or as a permanent part of the design.
Content
Do keep body copy in regular weight to maintain enough visual separation from the action.
Don’t use bold weight for the body copy. The button becomes more difficult to discern from the main content.
Stacking
Do show one page notice at a time and replace it with next priority page notice after the user dismisses or addresses it.
Avoid stacking page notices. Stacked page notices can quickly become overwhelming.
