HP's design language is a white-paper enterprise-consumer system anchored by HP Electric Blue (#024ad8) as the lone signal CTA, near-black ink (#1a1a1a) headlines, Forma DJR Micro sans throughout, and angular blue-chevron decorations echoing the HP wordmark's slashes. Cards round at 8-16px, buttons stay sharp at 4px, and dark navy slabs anchor the closing bands.
HP reads like a long-running consumer-electronics catalog crossed with an enterprise-software product page. The whole system sits on pure white with thin gray panels (cloud #f7f7f7 / fog #e8e8e8) alternating for section rhythm. There is one chromatic action color — HP Electric Blue (#024ad8) — and one ink (#1a1a1a), together doing ninety percent of the work. Type is a single family, Forma DJR Micro, set at weight 500 for headlines and 400 for body.
Reserve Electric Blue for the primary CTA, links, and chevron decoration. Use 16px radius for cards and 4px for buttons. Close every page with a dark-navy slab. Don't introduce secondary saturated colors and don't round buttons above 4px.
The HP palette uses 16 colors, led by HP Electric Blue (#024ad8), Bright Blue (#296ef9), Deep Navy (#0e3191), Soft Blue (#c9e0fc), Ink (#1a1a1a). The primary brand color is HP Electric Blue (#024ad8).
Display type is set in Forma DJR Micro at 72px / weight 500, while body and UI text uses Forma DJR Micro at 14px / weight 700.
HP is a Media & Consumer Tech brand. Its design system documents 16 colors, 12 type styles and a 7-step border-radius scale.
The radius scale runs from 0 (0px) to 16 (16px): 0 (0px), 2 (2px), 3 (3px), 4 (4px), 8 (8px), 16 (16px).
This page shows HP's color palette, typography scale, components, border radii and design philosophy in English, Korean and Japanese.