Banners
Persistent messages that sit above content — announcements, warnings, errors, success, info, upgrade prompts, and promotional gradients.
Announcement
Highlight a new feature or event
Nimbus Pro 2.4 is live
Command palette, 6 new chart types, and a redesigned settings panel.
Warning
Non-blocking caution
Storage 92% full
Free up space or upgrade your plan to keep uploads running.
Error
Blocking failure requiring action
Payment failed
Your Pro subscription is paused. Update your billing details to resume.
Success
Confirmation after an action
Email verified
Thanks for confirming — your account is now fully activated.
Info
Neutral, non-urgent update
Scheduled maintenance
Nimbus Pro will be briefly unavailable on Saturday, 02:00–02:30 UTC.
Upgrade Prompt
Card-style upsell with CTA
Upgrade to Team
Save 20%Unlock unlimited workspaces, advanced roles, and priority support. Annual plans billed yearly.
Gradient Promotional
Bold, full-bleed gradient with confetti
Holiday gift — 3 months free
Limited timeUpgrade to Annual this week and get three extra months on us. No code needed.
Dismissible
User can close — state persists
What's new in 2.4
Try the new command palette — press ⌘K anywhere.
Browser unsupported
You're using an older browser. Some features may not work as expected.
Click the × on either banner to dismiss it for this session.
Sticky Full-Width
Sits at the top of the viewport until dismissed
We've updated our Terms of Service
By continuing to use Nimbus Pro after May 1, you agree to the revised terms.
Anatomy & Tips
Banner vs alert vs toast
Banner
Persistent, sits above content. Use for things the user must know but can dismiss.
Alert
In-page, contextual. Tied to a specific form or section.
Toast
Transient, overlays UI. Use for action confirmations.
Modal
Blocking. Reserve for things the user MUST address before continuing.