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

Download