HP.com Design System HP.com Design System

Product Magnifier

The Product Magnifier module allows a user to view a specific feature or part of a product in an interactive and appealing way.

HP Latex 700 and 800 Printers.
Equipped to win big.

Produce the highest value jobs1

Extend your portfolio into high-margin applications with the whitest white.1 Deliver vivid colors and striking contrast, and choose from a wide application range covering banners, textiles, poster paper, canvas, wallpaper, and vinyl.

Beat your deadlines with smart, productive printing

Drive high productivity with saturated color delivered fast. Control your print operations virtually anytime, anywhere with HP PrintOS tools. Work fast using the smart front panel. 

Sharpen your sustainability edge with HP Latex

Using water-based inks enables more comfortable and welcoming operation. Support your customers’ sustainability goals and differentiate your business. HP Latex Technology is designed for sustainable impact through printer and cartridge materials, ink chemistry, printer operation/print production, the print itself, print display, and product end of life.

Usage

The use of imagery and focused descriptive text allows the user to easily scroll through product information. Use this module when you want to magnify specific product features.

Module specifications

  • Minimum of 1 descriptive feature callout ; there is not a set limit but we recommend a max of 6
  • Requires a specific asset export outlined here
  • Can accommodate CTA's
  • Background color is set to our universal color for product #E6E6E6
  • May swap orientation (image on right, copy on left)

Character counts (with spaces)

  • Module headline - 50 max characters
  • Module body copy - 120 max characters
  • Descriptive callouts header+ body - 120 max characters

Example layouts

1920+ Desktop view

Tablet variation

Mobile variation

Resources

Reference

For Zeplin access contact the UX Design Manager

Export Guide

Download