Alert Box

Title

Use this section to highlight high-priority content that requires user attention or action. This is the place for urgent updates, key services, or important next steps—anything you want users to notice quickly and respond to, such as applying for a program, reporting an issue, or accessing time-sensitive information.

Call to Action Button

Alert Box (Blue Variant)

Functions the same as the red alert box, but uses a blue style for less urgent messages or when you prefer a design that better fits the page’s content.

Call to Action Button

Guidelines

Expand All

- To inform users of critical issues that require immediate attention.
- To prevent irreversible or high-impact mistakes.
- When the message is time-sensitive and cannot be overlooked.
- Using alerts for routine information or low-priority updates (use inline notifications instead).
- Interrupting workflows unnecessarily with too many alerts.
- Presenting vague or technical error messages without clear next steps.
- Requiring acknowledgment for non-critical actions, which can frustrate users and cause alert fatigue.
- Provide clear, descriptive headings and actionable button text
- Avoid relying solely on color to convey importance—use icons added emphasis.

StPaul.gov 2.0 is here! Discover the new features and improvements >

Alert Box

On This Page

Title

Alert Box (Blue Variant)

Guidelines

When to Use

What to Avoid

Accessibility Tips