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
Scroll Reveal
An authorable parameter we can apply to elements to make our pages feel less static and more engaging to scroll through
Packaging
The box is made from at least 90% recycled fibers and is 100% recyclable. We use fiber-based materials from recycled sources so it can easily go into your standard recycling bin.6
Usage
Add authorable parameters to text or images on an individual basis, creating subtle motion on page load.
Module specifications
- Default presets are in place for authors but can be altered
- Direction, delay, duration and offset can be configured
- Motion consists of left, right, up, down, and fade
- Animations only happen once (on load) vs over and over
- Use sparingly and subtly on a page
- Text and static images only
Character counts (with spaces)
Since this is just a set of motion parameters, there are no character counts. However when placing text boxes within this component, please use best-practices in keeping copy short, concise and consumer-facing to keep reader's attention.
Example layouts
Sustainable design leading the way
The HP 23.8”/27” All-in-One Desktop is recognized at CES 2024 for its innovation, engineering and functionality, aesthetic and design.1
Built to game, made to create
With the unbelievably portable, ultra vibrant, high-performing OMEN Transcend 14, you no longer need to choose between your craft and gaming passion. Get the one that does it all, and also games.
Built to game, made to create
With the unbelievably portable, ultra vibrant, high-performing OMEN Transcend 14, you no longer need to choose between your craft and gaming passion. Get the one that does it all, and also games.
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.