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

Resources

The following documention and files can be found at the below resource links.

HP VisID Full Brand Guidelines

HP.com Figma component library

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

HP.com Zeplin component specifications

For further information, please contact the HP.com UX/UI Manager, or the HP.com Delivery and Operations Lead.

Templates

A template is a page created with a purpose. We've curated several colorful and neutral templates highlighting a mix of lifestyle and product photography and using a mix of our components. These can be used as a starting point for your pages. Downloadable XD files are available for each.

Template 1

Use case:

Corporate
Case Study

Template 2

Use case:

Model detail page

Template 3

Use case:

Model detail page
Campaign landing

Template 4

Use case:

Model detail page
Campaign landing

Template 5

Use case:

Informational
FAQ

Template 6

Use case:

Model detail page
Campaign landing

Template 7

Use case:

Model detail page
Campaign landing

Template 8

Use case:

Model detail page
Campaign landing

Template 9

Use case:

Model detail page

Template 10

Use case:

Informational
Data comparison

Template 11

Use case:

Model detail page

Template 12

Use case:

Collection
What's New

Template 13 (Neutral layout)

Use case:

Informational
Model detail page

Template 14 (Neutral layout)

Use case:

Campaign landing
lifestyle page