Important metrics

The dashboard is a transient page: the user sees it, has a rapid look-around, and navigates to the part that caught their attention. That is why the UI should provide information almost instantly.

Bulma provides notification elements that come in various colors. Combined with titles with a bigger font size, they are the perfect candidates for high-level metrics.

After the level component, add these columns:

<div class="columns is-multiline">
  <div class="column is-12-tablet is-6-desktop is-3-widescreen">
    <div class="notification is-link has-text">
      <p class="title is-1">232</p>
      <p class="subtitle is-4">Orders</p>
    </div>
  </div>

  <div class="column is-12-tablet is-6-desktop is-3-widescreen">
    <div class="notification is-info has-text">
      <p class="title is-1">$7,648</p>
      <p...