
The HP.com Design System enables us to build consistent user experiences across platforms and devices. A collection of global elements, modular components and experiential components make up our library, and can be configured in a multitude of ways to create clean, beautiful and consistent looking pages across HP.com
Global elements
Global elements are the foundation of all of our layouts, components, and templates.
Modular components
Modular components are building blocks that enable the construction of flexible layouts.
Experiential components
Experiential components are carefully crafted reusable modules that can be placed within a page.
Templates
A template is a page created with a purpose. We've curated several templates to be used across personal systems and print categories. For Zeplin access contact the UX Design Manager.

Family page
Comprised of a group of modules that highlight the features and technical specifications of a family of products.

Gateway page
Easily leads consumers through groups of product lines and/or form factors, serving up recommended and featured products.

Model detail page
Product specific page that deep-dives into a product's technical and design features. Also used to cross-sell across multiple categories.

Campaign page
A unique page that is heavily driven by campaign imagery and creative.

Themes
Product families that have themes outside of the set HP brand visual guidelines.