HP.com Design System HP.com Design System
- HP.com Design System
-
Overview
-
Typography
-
Color
-
Photography
-
UI Elements
- Modular components
-
Experiential components
- Secondary navigation
- Anchor navigation
- Basic sticky
- Countdown timer
- Faceted search
- Feature focus
- Highlighted CTA
- KSP carousel
- Data table
- Large card slider
- Performance comparison
- Port viewer
- Product module
- Use case drawer
- Vertical content switcher
- Audio player
- Horizontal content switcher
- Use case cards
- Custom info banner
- Small info banner
- Step-by-step
- Statistics drawer
- Product magnifier
- Model viewer
- In-page navigation
- Back-to-top button
- Resolution module
- Compare table
- Product view card
- Basic tabs
- Content accordian
- Visual tabs
- Category hotpots
- Scroll Reveal
- Click to Shop
- Horizontal Scrolling
- Parallax Lite
- Scrolling Ambient Video
- Pop-up Banner
-
Resources
Vertical content switcher
This component groups image and content into interactive, clickable tabs.
Crafted with impressive performance and power
Reap the benefits of a dual-monitor setup from anywhere with an industry-first 6” 1080p touchscreen mounted above the keyboard. Allows you to seamlessly display and interact with other applications without interrupting gameplay.
Crafted with impressive performance and power
Reap the benefits of a dual-monitor setup from anywhere with an industry-first 6” 1080p touchscreen mounted above the keyboard. Allows you to seamlessly display and interact with other applications without interrupting gameplay.
-
Quality
-
Sustainability
Feel good about printing — most Original HP Ink Cartridges are developed from recycled materials, including plastic bottles.2
-
Indoor air quality
Maintaining indoor air quality is an HP priority. Original HP Inks are water-based for odorless, low-emission printing.
-
Indoor air quality
Maintaining indoor air quality is an HP priority. Original HP Inks are water-based for odorless, low-emission printing.
-
Indoor air quality
Maintaining indoor air quality is an HP priority. Original HP Inks are water-based for odorless, low-emission printing.
-
Indoor air quality
Maintaining indoor air quality is an HP priority. Original HP Inks are water-based for odorless, low-emission printing.
-
Indoor air quality
Maintaining indoor air quality is an HP priority. Original HP Inks are water-based for odorless, low-emission printing.
-
Indoor air quality
Maintaining indoor air quality is an HP priority. Original HP Inks are water-based for odorless, low-emission printing.
Usage
This module presents a single key point with multiple supporting points as an interactive set of hide/show captions and visual aids.
Module specifications
- Module title font style is configurable
- Background, text and clickable arrow colors are configurable
- Background can support a static image
- Image to content ratio width is configurable
- Option to switch module orientation from left to right
- Option to place module title/description above tab content or centered over entire module
- 5 tabs max
Character counts (with spaces)
- Module eyebrow - 80 characters max
- Module title - 80 characters max
- Module description - 200 characters max
- Tab title - 26 characters max
- Tab description - 260 characters max
Example layouts
60 / 40 split with module eyebrow, title, and module description and tab description in 1920px
70 / 30 split with module title and description in 1280px
Tablet variations
Mobile variations
Tablet and mobile variations. On smaller screen widths, columns will stack and arrows/pagination appears to replace the tab UI.
Resources
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
- 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
- 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.