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

Accessibility will be an important part of guidance in using our components.

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 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.