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

Card

A card is used to group and organize information about a product or feature with a course of action.

Card Title

A card presents a feature to the user. It is comprised of a title, a description of the feature, action buttons and a link drawer which exposes help or API documentation. Cards can also include toggles and buttons that launch modals.

Last changed 17 days ago
  • Design
  • Implementation

General guidelines:

  • Always include a title, description, and action.
  • Group product/feature information with its corresponding action. A card should be self-contained.

Do not:

  • use a card without an action
  • exclude relevant context or information
  • link an action elsewhere in the dashboard

Product Usage

  • Dashboard
  • Teams
  • Radar
    v3.5.81Last updated June 10, 2021
    Open in FigmaView source

    • LinkedIn
    • Facebook
    • Twitter
    • GitHub
    • YouTube

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