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

Reference

For Zeplin access contact the UX Design Manager

Figma

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