**HP**
FreePC and printer maker. Pure white canvas, HP Electric Blue signal CTA, geometric Forma DJR Micro, blue chevron decorations
FreeFree tier
About **HP**
HP DESIGN.md provides an independent analysis of HP's publicly observable design patterns for consumer electronics catalogs. It describes a white canvas with electric blue accent, angular chevron motifs, and dark-navy closing slabs, echoing the HP wordmark. This resource is intended for AI coding agents to reference when building UI that aligns with HP's enterprise-meets-consumer style. It is not affiliated with or endorsed by HP.
Key Features
White canvas with HP Electric Blue accent CTA
Angular chevron motifs echoing HP wordmark slashes
Dark-navy closing slabs
Installable via `npx getdesign@latest add hp`
Describes patterns for consumer electronics catalogs and marketing sites
Includes form elements and spacing details observed on HP’s website
Pros & Cons
Pros
- Provides a structured, ready-to-use design reference for AI agents
- Easy installation with a single npx command
- Focuses on a specific brand style for targeted development
- Independent analysis without needing access to proprietary design files
Cons
- Not an official HP design system – may miss internal guidelines
- Limited to publicly observable surface patterns
- Does not include interactive or motion design specifications
Best For
Consumer electronics catalogsProduct-comparison pricing pagesEnterprise-meets-consumer marketing sitesUI reference for AI coding agents
FAQ
What is a DESIGN.md file?
DESIGN.md is a structured markdown file that documents design patterns such as colors, typography, spacing, elevation, and responsive behavior, all observed on a public website. It is intended to be used as reference material for AI coding agents.
Is this DESIGN.md affiliated with or endorsed by HP?
No, this is an independent analysis of publicly observable patterns, curated as a starting point for inspiration. It is not affiliated with or endorsed by HP.
How do I use this DESIGN.md in my project?
Run `npx getdesign@latest add hp` from your project root, then ask your AI assistant to use DESIGN.md for UI work.
What design patterns does the HP DESIGN.md cover?
It covers a white canvas with HP Electric Blue accent CTA, angular chevron motifs, dark-navy closing slabs, typography details, and spacing. Best suited for consumer electronics catalogs, product-comparison pricing pages, and enterprise-meets-consumer marketing sites.