HPE
Design System
Foundation
Components
Templates
Learn
Jump to section
Guidance
Dashboard templates
Two column dashboard
Three column dashboard
Templates

Dashboards

At-a-glance preview for operation critical information with easy access to areas requiring attention.

Hello, John!

Welcome to the HPE Common Cloud Console.

Aruba Network Manager

Network configuration and operations made simple. Your network on a single pane of glass.

Guides & Resources

Stay informed with how-to guides, resources, and documentation.

Invite Users

Send a sign-up link to users so you can collaborate with your team.

Assign User Access

Assign a custom role or built-in roles to your account.

Add a SSO/SAML Connection

Easily add extra protection to your HPE Account by connecting to your company's IDP.

Setup Multi-Factor Authentication

Easily add extra protection by requiring access to your phone.

Get Release Notes

Stay up to date with the latest release notes from HPE Common Cloud.
© 2023 Hewlett Packard Enterprise Development LP
TermsPrivacyDo Not Sell My Personal Information

Guidance

Dashboards provide users peace-of-mind knowing critical measures, applications, and services are healthy; plus, easy access to areas needing attention for the moments when they are not.

Well designed dashboards begin by defining the specific purpose and user needs it is serving.

Operational dashboards focus on delivering information such as data deviations, current resources, and resource statuses so that users can proactively execute time-sensitive tasks.

Analytical dashboards present comparison, relationship, and distribution data supporting analysis and decision making.

Regardless of need, each of these templates deliver at-a-glance critical information and quick navigation to underlying detail.

Consider:

  • abbreviated numbers (ex: $1.2M vs $1,234,567.89)
  • less detail
  • fewer colors (ex: show 4 pie chart sections and a 5th for other)
  • larger items and fewer items

Dashboard templates

The following templates are based on page layout guidelines and serve as a starting point for design and development. They are customizable depending on your content and UX needs. Templates for 3 column and 4 column dashboards are coming soon.

Two column dashboard

Global Header

Dashboard

Activity

Servers

Server health

Needs attention

Firmware

Firmware status

Updates available!

    Firmware baselines

      Global Footer

      Three column dashboard

      Global Header

      Dashboard

      Cost by Service

      Last 30 Days

      Cost by Month

      Last Year

      Annual Spend

      Lifetime

      Compliance

      Last Year
      Rules
      0
      Frameworks
      0
      Audits
      0%100%
      Global Footer

      Related

      Related content you may find useful when using Dashboards.

      Grid

      Grid is a component based on columns and rows used for organizing layouts. From scaffolding page layouts, to organizing elements within a Card, Grid is a powerful tool for composing responsive, adaptive layouts.
      HPE Page Layouts Preview

      Page Layouts

      Choosing a layout is an important first step in designing a user interface. These guidelines will help create a consistent user experience across HPE applications and services.

      Content Layouts

      Creating responsive, adaptable content layouts is central to the user experience.
      HPE Cards Preview

      Card

      A container providing at-a-glance information and easy access to more details.
      HPE Lists Preview

      Lists

      Go-to patterns for displaying many services, devices, users, and more.

      Still have questions?

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

      Edit this page