Design, develop and deliver
Empower designers and developers to quickly create accessible enterprise app experiences.
What is the HPE Design System?
The HPE Design System was created to empower designers, developers, and others in contributing to an evolving design language that supports HPE's pursuit in making great customer app experiences. For other contexts check HPE Brand Central.
Base elements and styles form the rudiments of composition.
Combining base elements to make templates.
Use tools to help expand and connect elements.
Tailor the code, resources, and tools into one solution.
Put it all together to make an application.
Highlights
The HPE Design System team is committed to conducting thorough research so you don't have to think about it. Just find what you need, design and deliver quickly!
Color
Translated for code, light/dark themes, status, and more*
Icons
500+ icons/glyphs that can be scaled and styled easily
Header
A variety of HPE headers supply consistent navigation types
Typography
Text styles for the HPE Metric font to work in various view contexts
Forms
A variety of templates to engage with your users
DataTable
A DataTable is a structure of data made up of rows and columns
Accessibility
Ensure access to your experience no matter who the user is
Page Layouts
Common designs for building your enterprise experience
Grid
An important component used to layout content
The HPE Design System empowers developers, designers and others to create consistent, accessible and flexible interfaces.
Community
The HPE Design System is an open-source framework for designers and developers. We welcome feedback, ideas and appreciate your suggestions.