Compare Table
Compare table provides a comprehensive chart that identifies key features in a product and compares it to peers and or competitors.
Choose the laptop that works best for you
HP Chromebook
Chrome OS
Starting at $219.99
11 — 14 inch
2 — 4 lbs
HP Laptops
Everyday PCs
Starting at $269.99
11 — 17 inch
3 — 5 lbs
Pavilion
Stream & Play
Starting at $509.99
13 — 16 inch
2 — 5 lbs
ENVY
Creativity
Starting at $679.99
13 — 17 inch
3 — 6 lbs
Spectre
High-Tech Style
Starting at $899.99
13 — 16 inch
3 — 4 lbs
OMEN
Gaming PCs
Starting at $999.99
15 — 17 inch
5 — 7+ lbs
Usage
A quick comparison chart that helps break down key features and price differences between products. A versatile tool that supports icons and CTAs.
Module specifications
- Background color is configurable
- Divider colors are available in black
- Maximum of 20 products ( 6 recommended )
- Minimum of 2 products
- Main header configurable
- Font style within the cells are not configurable
- Carousel supported
- Can support up to 2 icons in a cell
- Can support up to 1 CTA in a cell
- Table is anchored to the left
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
Compare table with carousel capability and horizontal scroll bar
Minimum of two products to compare
Default Tablet
Default Mobile
Resources
For Zeplin access contact the UX Design Manager
Components can only be copied from our library, unless you belong to our HP Enterprise Figma instance.