HP.com Design System HP.com Design System HP.com Design System

Highlighted CTA

Use the highlighted CTA to call attention to a service, resource, solution or contact information.

Usage

The highlighted CTA is a supporting module, intended to be used after a proper introduction of a service, resource, solution or contact information

Module specifications

If using inside a background container, ensure that background width is set to have no limit
Descriptions should be short, direct, and actionable
Icon can be PNG or SVG
Background color is configurable
Font styles and colors are configurable

Character counts (with spaces)

This is one of the few components that does not have a character limit, however we do ask that marketing use best-practices in keeping copy short, concise and consumer-facing to keep reader's attention.

Example layouts

TABLET

MOBILE

Resources

For Zeplin access contact the UX Design Manager

Components can only be copied from our library, unless you belong to our HP Enterprise Figma instance.