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
Horizontal scrolling
A module that showcases horizontal content while conserving valuable vertical space.
Print when you want, as much as you want
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut malesuada pharetra dapibus. Vestibulum posuere mi nec scelerisque lobortis.
Easy-view lets you know when you are low on toner
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut malesuada pharetra dapibus. Vestibulum posuere mi nec scelerisque lobortis.
Fits your lifestyle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut malesuada pharetra dapibus. Vestibulum posuere mi nec scelerisque lobortis.
Usage
This module offers a solution for managing horizontal content, whether it's a collection of logos or a few content cards.
Module specifications
- Default presets are in place for authors but can be altered
- Available for the standard carousel component, or the large card slider component
- Direction, delay, duration and offset can be configured
- Motion can be on scroll, or auto
- Can accomodate static and video
- Option to add a sticky headline
Character counts (with spaces)
Since this is a wrapper that contains our standard carousel or large card slider, there are no character counts. Please refer to the interior component character counts.
Example layouts
Add a sticky headline to your horizontal scroll
High-tech style
Stunning looks meet jaw-dropping performance.
Creativity
Powerhouse laptops for creators on the move.
Or add a video
High-tech style
Stunning looks meet jaw-dropping performance.
Creativity
Powerhouse laptops for creators on the move.
Create a manual or automatic 'ticker'
HP Wolf Security
HP Wolf Security
HP Wolf Security
HP Wolf Security
HP Wolf Security
HP Wolf Security
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.