Call to action card

This type of card is more commonly used within marketing contexts and should be used sparingly within HPE products and services. Secondary purposes might include an action to navigate to a screen with greater detail on the offering.

• Request a trial
• Register for an event
• Launch a demo for an upcoming feature release
• Upgrade software version
  • This encourages users to stay on the latest version to avoid bugs, legacy software.

1. Card identifier: This region is intended to provide the user with context on what the card is about.
   • a. Title (required): For Call to action cards, this should be a unique, enticing headline to capture the user's attention.
   • b. Pretitle (optional): Additional context for what this call to action is about (e.g., "Virtual event").
   • c. Subtitle (optional): Any concise, additional supportive text to help establish the card's identity and context.
2. Actions (required): Card-level actions.
   • A CTA, primary, or solid-filled button labelled with the main call to action is required. At times, additional supporting actions/links may be appropriate.
3. Description (optional): A short paragraph that elaborates on the card's purpose.
4. Image/Media (optional): An eye-catching, brand-approved image that grabs the user's attention. Use of this area should be reserved for highly promotional cards like events and feature announcements.
5. Background (optional): A background color or brand-approved texture/gradient.
   • When using a texture or gradient, be mindful to maintain appropriate color contrast between the card's text and the background.

• Call to action cards may be presented in a group with other call to action cards but also may be presented on their own.
• When presented in a group, their layout/treatment can be independent from the layout/treatment of the surrounding call to action cards.
• Highly promotional call to action cards, such as event promotions, incorporate stronger visual elements. Less promotional cards, such as software updates, are more subtle.
  • Use cases (ordered from highest visual emphasis to lowest) include event promotion, new feature release, trial promotion, and software upgrades.

These are example layouts for various use cases.

Event announcements are highly promotional, so they should leverage attention-grabbing card elements such as images, that accentuate the dynamic and vibrant experience that an HPE event provides.

Depending on where a card is presented in a layout, it may be more appropriate for its content to be displayed in a row.

Announcements about new offerings and features should excite current and potential customers about HPE's services. The use of this brand-approved gradient allows this card to stand out from its surrounding content.

The use of this brand-approved texture subtley differentiates this card from surrounding content.

Depending on where a card is presented in a layout, it may be more appropriate for its content to be displayed in a row.

A colored background can be used to differentiate a card from its surroundings.

An attention-grabbing title attracts user attention and encourages them to upgrade to the latest version.