HPE
Design System
Foundation
Components
Templates
Learn
Jump to section
Always ingredients
HPE GreenLake badge
HPE green
MetricHPE font
Call to action button
Flexible ingredients
Color and texture styles
Typography styles
Photography, film, and more
Foundation

Distinctive Brand Assets

Our distinctive brand assets are comprised of the top elements that are always used, along with several optional components that can be added.

Refer to HPE Brand Central for rules and guidance for when, where, and how to apply HPE's distinctive brand assets. Use this page to learn how you can implement brand assets with ease.

Always ingredients

HPE GreenLake badge

HPE enterprise applications should consume the badge via the global header. Image files and usage rules can be found on Brand Central.

HPE GreenLake badge
HPE GreenLake badge

HPE green

HPE green, referred to as brand in Design System resources, and all other colors are provided by the HPE theme and Figma. Visit Color to learn about color palettes and their use within HPE applications.

MetricHPE font

HPE fonts are provided by the HPE theme and Figma. Visit typography for more detail.

Call to action button

Call to action buttons provide an opportunity to make the HPE Element a distinctive and recognizable feature associated with key value delivered by HPE’s edge-to-cloud promise.

CTA buttons are not a replacement for primary action buttons. They have a distinct purpose and styling. For details on when to use one versus the other, read the CTA vs. primary action buttons.

loading...

Flexible ingredients

Color and texture styles

Gradient, datawave, and light/shadow assets can be consumed directly from the HPE theme.

These assets may be seen commonly throughout marketing contexts and should be used more sparingly within platform. However, there are appropriate use cases such as or a page header for a service catalog or call to action cards, where the incorporation of bolder, vibrant elements communicate "unlocking value" and can inspire and entice the user.

See HPE theme backgrounds for a full list of background values.

loading...

Typography styles

Texture or gradient in type can easily be implemented using Box's background plus Heading or Text.

For rules such as "only place texture or gradient filled text on white backgrounds" and other advice, please refer to HPE Brand Central.

Modernizeedge to cloud
loading...

Photography, film, and more

Many more distinctive brand assets such as photography collections, film animations, and idents are all available on HPE Brand Central. The HPE Design System includes assets most commonly used in websites and web applications. Have an asset you would like to see added? Post your request to the #hpe-design-system channel on Grommet Slack.

Still have questions?

Something missing or looking for more information? Get in touch to help make the HPE Design System better.

Edit this page