Cloudflare LogoNavigate Back
Cloudflare Style
Cloudflare Style is in Alpha and is a work-in-progress. Expect changes. Contact DESSYS with any questions.
Components
Feedback

Banner

A banner draws the user’s attention to an action they need to take or highlight a new feature or product.

New! Edge computing for everyone: Cloudflare Workers. Start using the future today.

  • Design
  • Implementation

General guidelines:

  • Banners should be located at the top of the page, below the subnavigation.
  • Banners should be dismissable.
  • Only communicate a single action for the user to take.

Do not:

  • Use too many banners across the dashboard
  • Stack banners
  • Use a banner for high priority actions, e.g. payment or account verification

Product Usage

  • Dashboard
  • Teams
  • Radar
    v4.6.2Last updated December 10, 2019
    Open in FigmaView source

    • LinkedIn
    • Facebook
    • Twitter
    • GitHub
    • YouTube

    Cloudflare LogoNavigate back
    • © 2021 Cloudflare, Inc.
    • About Cloudflare
    • Careers
    • Terms of Use
    • Disclosure
    • Trademark