HP.com Design System HP.com Design System HP.com Design System
- HP.com Design System
-
Overview
-
Typography
-
Color
-
Photography
-
UI Elements
- Modular components
-
Experiential components
- Anchor navigation
- Audio player
- Back-to-top
- Basic Sticky
- Basic tabs
- Breadcrumbs
- Category hotspots
- Compare table
- Content accordian
- Countdown timer
- Custom info banner
- Faceted search
- Feature focus
- Highlighted CTA
- Horizontal content switcher
- Horizontal Scrolling
- Hotspot Content Viewer
- In-page navigation
- KSP carousel
- Large card slider
- Map component
- Model viewer
- Performance comparison
- Pop up banner
- Port viewer
- Product module
- Product magnifier
- Product view card
- Resolution module
- Scrolling ambient video
- Secondary navigation
- Small info banner
- Statistics card
- Statistics drawer
- Step-by-step
- Use case card
- Use case drawer
- Vertical content switcher
- Visual tabs
Visual tabs
The visual tabs could feature 3 categories with nesting capabilities.
Your employees need the right technology and services for where and how they work.
Here are just a few solutions we offer.
1-9 Employees
HP Premium Consumer PCs
Whatever you do. Wherever you go. All-out performance. All-new immersive experiences
HP Premium Business PCs
The elegant and highly portable laptop features long battery life with HP Presence collaboration technology and HP Wolf Security for Business.
Z by HP Workstations
High-performance laptops and desktops, tested and certified to power the heaviest workloads.
Poly Studio X30 All-in-One Video Bar
Experience boardroom quality performance with the Poly Studio X30, your simple all-in-one video bar for huddle and small rooms
HP Monitors and accessories
HP monitors use human-centered design to support people in being comfortable, connected and productive – wherever they are.
10-99 Employees
HP Premium Consumer PCs
Whatever you do. Wherever you go. All-out performance. All-new immersive experiences
HP Premium Business PCs
The elegant and highly portable laptop features long battery life with HP Presence collaboration technology and HP Wolf Security for Business.
Z by HP Workstations
High-performance laptops and desktops, tested and certified to power the heaviest workloads.
Poly Studio X30 All-in-One Video Bar
Experience boardroom quality performance with the Poly Studio X30, your simple all-in-one video bar for huddle and small rooms
HP Monitors and accessories
HP monitors use human-centered design to support people in being comfortable, connected and productive – wherever they are.
100+ Employees
HP Premium Business PCs
The elegant and highly portable laptop features long battery life with HP Presence collaboration technology and HP Wolf Security for Business.
Z by HP Workstations
High-performance laptops and desktops, tested and certified to power the heaviest workloads.
Managed Device Services
World-class devices and services through a flexible as-a-service.
HP & Poly Meeting Space Solutions
Groundbreaking technology and a comprehensive portfolio of purpose-built room solutions
Hey there!
What can we help you find today?
Printers
PCs
Usage
A multi-use module that features up to 3 categories and breaks it down into layers of information.
Module specifications
- Background configurable
- Minimum of 2 filter tabs
- Maximum of 4 filter tabs
- Dividers are optional
- Tile background color is not configurable
- Tile image is required for each tab
- When the filter is active the expanded container can house any module from our library
Character counts (with spaces)
- Headline - 50 characters max
- Body copy - 120 characters max
- Tab title - 17 characters max
Example layouts
Default desktop
Filtered tab expanded
Default Tablet
Default Mobile
Resources
Components can only be copied from our library, unless you belong to our HP Enterprise Figma instance.
Select Your Country/Region and Language
Close Country/Region Selector Dialog- Africa
- Afrique
- België
- Belgique
- Česká republika
- Danmark
- Deutschland
- Eesti
- España
- France
- Hrvatska
- Ireland
- Italia
- Latvija
- Lietuva
- Magyarország
- Middle East
- Nederland
- Nigeria
- Norge
- Österreich
- Polska
- Portugal
- România
- Saudi Arabia
- Slovenija
- Slovensko
- South Africa
- Suisse
- Suomi
- Sverige
- Switzerland
- Türkiye
- United Kingdom
- Ελλάδα
- България
- Казахстан
- Србија
- Україна
- ישראל
- الشرق الأوسط
- المملكة العربية السعودية
HP Worldwide
Select Your Country/Region and Language
- Africa
- Afrique
- América Central
- Argentina
- Asia Pacific
- Australia
- Bangladesh
- België
- Belgique
- Bolivia
- Brasil
- Canada
- Canada - Français
- Caribbean
- Česká republika
- Chile
- Colombia
- Danmark
- Deutschland
- Ecuador
- Eesti
- España
- France
- Hong Kong SAR
- Hrvatska
- India
- Indonesia
- Ireland
- Italia
- Latvija
- Lietuva
- Magyarország
- Malaysia
- México
- Middle East
- Nederland
- New Zealand
- Nigeria
- Norge
- Österreich
- Pakistan
- Paraguay
- Perú
- Philippines
- Polska
- Portugal
- Puerto Rico
- România
- Saudi Arabia
- Singapore
- Slovenija
- Slovensko
- South Africa
- Sri Lanka
- Suisse
- Suomi
- Sverige
- Switzerland
- Türkiye
- United Kingdom
- United States
- Uruguay
- Venezuela
- Việt Nam
- Ελλάδα
- България
- Казахстан
- Србија
- Україна
- ישראל
- الشرق الأوسط
- المملكة العربية السعودية
- ไทย
- 中华人民共和国
- 臺灣 地區
- 日本
- 香港特別行政區
- 한국
- Recalls|
- Product recycling|
- Accessibility|
- CA Supply Chains Act|
- Privacy|
- Use of cookies|
- Your privacy choices|
- Terms of use|
- Limited warranty statement|
- Terms & conditions of sales & service|
©2024 HP Development Company, L.P. The information contained herein is subject to change without notice.