View the pages below for live mockups of how announcements may appear across different sections of the website.
With a global and local outage banner.
Local outage banner.
Local outage banner no dismiss.
Test of just an inline informational banner.
Test of just an inline informational banner with outline.
Test of just an inline informational banner with dropshadow.
Test of container width outage banner inside header.
Announcement styles on a yellow hub page.
Another popular page with different announcement styles tested.
Outage banner with no drop shadow on a yellow background example.
Inline button inside of a info banner example.
Example of global banner displayed on homepage.
Announcement styles on a white hub page.
Example with white banner inline.
Example with white banner inline and black primary.
Example with white banner inline and white primary.
Example with white banner inline and blue primary.