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

Label

A label indicates a status. This can include availability of a feature and the status of an operational service. Labels can also be used to link documentation.

BetaOperationalDegraded
  • Design
  • Implementation

General guidelines:

For the status of an operational service:

  • Use the green label to indicate a “Healthy” status.
  • Use the orange label to indicate a “Degraded” status.
  • Use the red label to indicate a “Down” status.
  • Use the blue label to indicate a “Pending” status.
  • Use the gray label to indicate an “Inactive” status.

Use an orange label for “New” or “Beta” features.

Use the purple label to link to product documentation.

Do not:

  • use a label where a button should be used (for actions)

Product Usage

  • Dashboard
  • Teams
  • Radar
    v3.3.12Last updated April 30, 2021
    Open in FigmaView source

    • LinkedIn
    • Facebook
    • Twitter
    • GitHub
    • YouTube

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