Announcement

Overview

An Announcement is a priority 1 personalization and should be used sparingly. It includes a skinny banner at the very top of a website above the navigation.

Design

An announcement can be used to display an important message at the top of a website, but is not limited to one page at a time. An announcement can either have a themed background image or solid color background. For colored backgrounds, we suggest using alert styles.

How to use

• If a logo is associated with an announcement, it should have a max width of 80px.
• Headline or body text should be 60 characters or fewer.
• Call to action text should be 20 characters or fewer.
• Provide a link to the announcement if applicable.

The audience

Alert styles can be used for the following kinds of announcement content.

• Important cross-website announcements — For top-tier press releases, company announcements, and important product launches, use a red or yellow background.
• Single-page announcements — For global updates or important in-page content, use a green or blue background.

Personalization patterns

Learn more about patterns in your designs by visiting the personalization page.