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.

Unleash the power of data
Propelled by the nexus of data, cloud, and AI, HPE is delivering groundbreaking innovations that completely reimagine how organizations unleash the power of their data.
Example use cases
- 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.
Anatomy

Unleash the power of data
Propelled by the nexus of data, cloud, and AI, HPE is delivering groundbreaking innovations that completely reimagine how organizations unleash the power of their data.
- 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.
- 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.
- Description (optional): A short paragraph that elaborates on the card's purpose.
- 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.
- 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.
Presentation
- 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.
Examples
These are example layouts for various use cases.
Event promotion
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.

Unleash the power of data
Propelled by the nexus of data, cloud, and AI, HPE is delivering groundbreaking innovations that completely reimagine how organizations unleash the power of their data.
Event promotion (row-orientation)
Depending on where a card is presented in a layout, it may be more appropriate for its content to be displayed in a row.

Unleash the power of data
Propelled by the nexus of data, cloud, and AI, HPE is delivering groundbreaking innovations that completely reimagine how organizations unleash the power of their data.
Feature update
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.
Trial promotion (background image)
The use of this brand-approved texture subtley differentiates this card from surrounding content.
Simple, self-service storage made easy with HPE Block Storage
HPE Block storage leverages AI-driven cloud management to meet your storage needs for any workload.
Trial promotion (row-orientation)
Depending on where a card is presented in a layout, it may be more appropriate for its content to be displayed in a row.
Trial promotion (background color)
A colored background can be used to differentiate a card from its surroundings.
Simple, self-service storage made easy with HPE Block Storage
HPE Block storage leverages AI-driven cloud management to meet your storage needs for any workload.
Feature release
An attention-grabbing title attracts user attention and encourages them to upgrade to the latest version.
Still have questions?
Something missing or looking for more information? Get in touch to help make the HPE Design System better.