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

Faceted search

Faceted search is a sorting tool to help customers narrow down a large list of resources, products or services.

 

Explore our collections

Application type

Industry

Resource type

SORT
Clear all filters

Application type

Industry

Resource type

SORT

Apply
Clear all

About our products

Battery life up to 19.45hs

About our products

Battery life up to 19.45hs

About our products

Battery life up to 19.45hs

Supports battery fast charge: approximately 50% in 45 minutes

About our products

Battery life up to 19.45hs

Supports battery fast charge: approximately 50% in 45 minutes

monitor
Starting at $1,499.00
New product

HP Series 7 Pro 40" 5K2K Conferencing Monitor

Your ultimate command center.

  • 5K2K (5120 x 2160)
  • 2x Thunderbolt™ 3 
  • 1x HDMI 1x DisplayPort™ 
  • 4x USB-A 3.0 
  • Factory-calibrated for color accuracy out-of-the-box1

HP Series 7 Pro 40" 5K2K Conferencing Monitor

Your ultimate command center.

  • 5K2K (5120 x 2160)
  • 2x Thunderbolt™ 3 
  • 1x HDMI 1x DisplayPort™ 
  • 4x USB-A 3.0 
  • Factory-calibrated for color accuracy out-of-the-box1
  • 100% sRGB & 98% Display P3 wide color gamuts1 
  • Connect to two Thunderbolt™ 3 ports that deliver up to 165W of power 
  • Integrated HP Device Bridge 2.02 
  • Zoom Certified 
  • Tiltable 4K webcam & built-in dual noise-cancelling microphones 
  • Built with 90% post-consumer recycled materials3 with 100% sustainably sourced packaging.4 
  • TCO certified
  • EPEAT® Registered, and ENERGY STAR® Certified design5
  • Lorem ipsum dolar sit amet
  • Lorem ipsum dolar sit amet
  • Lorem ipsum dolar sit amet

Learn

Starting at $679.99

Product lebel

Spectre x360 laptop with long  title lorem ipsum dolar sit amet consecutor

Exquisite craftsmanship. Impressive power.

Select color:

Forest green with speckles

Forest green with speckles
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer5

Spectre x360 laptop with long  title lorem ipsum dolar sit amet consecutor

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer5
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer5
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

Spectre x360 laptop with short title - Light basalt

Exquisite craftsmanship. Impressive power.

Select color:

Light basalt

Light basalt
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Spectre x360 laptop with short title - Light basalt

Exquisite craftsmanship. Impressive power.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

Spectre x360 laptop with short title - Black

Exquisite craftsmanship. Impressive power.

Select color:

Midnight black with forest green speck long color

Midnight black with forest green speck long color
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Spectre x360 laptop with short title - Black

Exquisite craftsmanship. Impressive power.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

OMEN X 2S

Exquisite craftsmanship. Impressive power.

Select color:

Forest green with speckles

Forest green with speckles
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

OMEN X 2S

There can never be too much of a good thing. With up to an 10th Gen Intel® Core™ i7 processor4 and up to NVIDIA® GeForce RTX™ 30705, it makes you wonder how it all fits into such a tiny little package.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • •  Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • Create editable, searchable documents scanning from your phone or printer.5
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

OMEN X 2S - Light basalt

Exquisite craftsmanship. Impressive power.

Select color:

Light basalt

Light basalt
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

OMEN X 2S - Light basalt

Exquisite craftsmanship. Impressive power.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

OMEN X 2S - Black

Exquisite craftsmanship. Impressive power.

Select color:

Midnight black with forest green speck long color

Midnight black with forest green speck long color
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

OMEN X 2S - Black

Exquisite craftsmanship. Impressive power.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
Product label

Spectre x360 laptop with long  title lorem ipsum dolar sit amet consecutor

Exquisite craftsmanship. Impressive power.

Select color:

Forest green with speckles

Forest green with speckles
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5

Spectre x360 laptop with long  title lorem ipsum dolar sit amet consecutor

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

Spectre x360 laptop with short title - Light basalt

Exquisite craftsmanship. Impressive power.

Select color:

Light basalt

Light basalt
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Spectre x360 laptop with short title - Light basalt

Exquisite craftsmanship. Impressive power.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

Spectre x360 laptop with short title - Light basalt

Exquisite craftsmanship. Impressive power.

Select color:

Light basalt

Light basalt
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Spectre x360 laptop with short title - Light basalt

Exquisite craftsmanship. Impressive power.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
Product label

Spectre x360 laptop with long  title lorem ipsum dolar sit amet consecutor

Exquisite craftsmanship. Impressive power.

Select color:

Forest green with speckles

Forest green with speckles
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5

Spectre x360 laptop with long  title lorem ipsum dolar sit amet consecutor

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

Spectre x360 laptop with short title - Black

Exquisite craftsmanship. Impressive power.

Select color:

Midnight black with forest green speck long color

Midnight black with forest green speck long color
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Spectre x360 laptop with short title - Black

Exquisite craftsmanship. Impressive power.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

Spectre x360 laptop with long  title lorem ipsum dolar sit amet consecutor

Exquisite craftsmanship. Impressive power.

Select color:

Forest green with speckles

Forest green with speckles
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Spectre x360 laptop with long  title lorem ipsum dolar sit amet consecutor

There can never be too much of a good thing. With up to an 10th Gen Intel® Core™ i7 processor4 and up to NVIDIA® GeForce RTX™ 30705, it makes you wonder how it all fits into such a tiny little package.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • •  Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • Create editable, searchable documents scanning from your phone or printer.5
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

Spectre x360 laptop with short title - Light basalt

Exquisite craftsmanship. Impressive power.

Select color:

Light basalt

Light basalt
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Spectre x360 laptop with short title - Light basalt

Exquisite craftsmanship. Impressive power.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs

Starting at $679.99

Product lebel

Spectre x360 laptop with long  title lorem ipsum dolar sit amet consecutor

Exquisite craftsmanship. Impressive power.

Select color:

Forest green with speckles

Forest green with speckles
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer5

Spectre x360 laptop with long  title lorem ipsum dolar sit amet consecutor

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer5
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer5
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

Spectre x360 laptop with short title - Light basalt

Exquisite craftsmanship. Impressive power.

Select color:

Light basalt

Light basalt
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Spectre x360 laptop with short title - Light basalt

Exquisite craftsmanship. Impressive power.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

Spectre x360 laptop with short title - Black

Exquisite craftsmanship. Impressive power.

Select color:

Midnight black with forest green speck long color

Midnight black with forest green speck long color
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Spectre x360 laptop with short title - Black

Exquisite craftsmanship. Impressive power.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs

Starting at $999.99

OMEN X 2S - Black

Exquisite craftsmanship. Impressive power.

Select color:

Midnight black with forest green speck long color

Midnight black with forest green speck long color
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

OMEN X 2S - Black

Exquisite craftsmanship. Impressive power.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

OMEN X 2S

Exquisite craftsmanship. Impressive power.

Select color:

Forest green with speckles

Forest green with speckles
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

OMEN X 2S

There can never be too much of a good thing. With up to an 10th Gen Intel® Core™ i7 processor4 and up to NVIDIA® GeForce RTX™ 30705, it makes you wonder how it all fits into such a tiny little package.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • •  Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding different document sizes
  • Create editable, searchable documents scanning from your phone or printer.5
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs
New model

Starting at $799.99

OMEN X 2S - Light basalt

Exquisite craftsmanship. Impressive power.

Select color:

Light basalt

Light basalt
  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

OMEN X 2S - Light basalt

Exquisite craftsmanship. Impressive power.

  • Available in 13” and 15”
  • 500-sheet input capacity: two trays capable of holding  different document sizes
  • 360 (degree) hinge
  • Create editable, searchable documents scanning from your phone or printer.5
  • 500-sheet input capacity: two trays capable of holding different document sizes

Learn

Shop

Download specs

Load more

You have already chosen three models. Delete one of your options in order to add another

Compare

Compare Modals

1/3

Compare up to three models

Compare up to three models

Compare

Clear

Operating system

Upgrades

Processor speed

Memory

Dimension

RAM

Misc.

Display

Graphics

Compare

Clear

Usage

Allows authors to aggregate large amounts of content in an easily filtered system, while allowing each item to link out to individual content.

Module specifications

  • Background color is configurable
  • Dropdown/button/pagination colors are configurable (light or dark theme)
  • Sort button is optional
  • Sticky filter bar is optional
  • Default sort is configurable
  • Load more button appears after 12 items as default; this is configurable
  • Cards can accomodate static or video content
  • There is no set limit, but a max of 6 faceted categories (dropdowns) is recommended
  • Can use Faceted search 1.0 (top nav) or faceted search 2.0 (side nav)
  • Can use either product cards, product tiles with images, or product tiles with no images. *See product card module for card rules

Character counts (with spaces)

  • Faceted drop downs - 30 max characters
  • Highlight label - not set, but 70 max characters are recommended
  • Title - 110 max characters; after 3 lines text will truncate

Example layouts

Desktop faceted search 1.0, product cards, no compare feature

Desktop faceted search 1.0, product cards, compare feature checked

Desktop faceted search 1.0 with compare overlay

Desktop Faceted search 1.0, content cards with images

Desktop Faceted search 1.0, content cards with no images

Faceted Search 1.0 tablet, product cards with compare

Faceted Search 1.0 tablet, compare overlay

Faceted Search 1.0 mobile, product cards, no compare, no 'show more' 

Faceted Search 1.0 mobile, product cards, compare checked

Faceted Search 1.0 mobile, compare overlay

Faceted search 2.0 with product cards

Resources

Reference

For Zeplin access contact the UX Design Manager

Figma (Navigation)

Figma (Product Cards)

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