HPE Design System Foundation

Foundation

These are the core elements of HPE that encompass the voice, language, and visuals that personify our brand and help establish and identify it from the rest of the community.

Philosophy

HPE Philosophy Preview

Philosophy and Principles

What the HPE Design System is and why we’re creating it.

HPE Human Centered

The starting point of the design system is human centered, generating experiences which are inclusive and vibrant.

HPE Accessibility Preview

Central to the HPE Design System, accessibility is incorporated into all Design System facets, ensuring HPE applications are usable by as many people as possible.

Assets

The Element is about focus. It creates momentum and energy. It is a building block. It can move, change, expand, and constrain. It works across many touch points.

HPE Color Preview

Bringing out the depth and dimension of our identity, the HPE Design System use of color evokes energy and inspiration.

HPE Background Colors Preview

Background Colors Guidance

Leverage HPE background colors to seamlessly style your layout.

HPE Typography Preview

The MetricHPE font is an integral part of our personality and design. When we’re making a statement, our visual language is clear, recognized and understood.

Icons are an integral part of our visual storytelling style to represent objects, actions, programs and other communicative symbols. This clean, dynamic style remains flexible while retaining the voice of our brand.