---
title: Metrics | Module Library
---

[Skip to content](https://testportal.streamcreative.com/module-library/metrics#main-content)

![Membership Demo](https://testportal.streamcreative.com/hs-fs/hubfs/Membership-Demo.png?width=470&height=59&name=Membership-Demo.png)Homepage

- [Default HubSpot Blog](https://streamcreative-2659819.hs-sites.com/blog?hsLang=en)

Get started

- [Default HubSpot Blog](https://streamcreative-2659819.hs-sites.com/blog?hsLang=en)

Get started

## 1. Default — all settings inherited from theme

Baseline instance. No module overrides set. Numbers use the theme ACCENT color at the theme's Display 1 size; descriptions use the theme body type and section text color; gap comes from the theme spacing scale (Medium).

15k+

Customers served

98%

Customer satisfaction

24/7

Support coverage

## 2. Section style → Dark section (section\_variant\_4)

Only the Section style changed. Title and descriptions should switch to the theme's DARK-section text color and the numbers to the dark-section ACCENT color. The section background here is set to the theme dark color so the light text is legible.

15k+

Customers served

98%

Customer satisfaction

24/7

Support coverage

## 3. Custom overrides — number #B30000, text #00674F

Metric color source and Text color source both set to Custom. The numbers should be dark red and the descriptions dark green, OVERRIDING the theme accent and text colors. The title stays the section text color. This proves module-level overrides win over theme settings.

15k+

Customers served

98%

Customer satisfaction

24/7

Support coverage

## 4. Animation → ON, line by line

Entrance animation enabled with scope Line by line. On scroll into view the title, this intro and each metric should reveal one after another using the theme's default speed, easing and stagger.

15k+

Customers served

98%

Customer satisfaction

24/7

Support coverage

---

#### Solutions

- [Services](https://testportal.streamcreative.com/services?hsLang=en)
- [Industries](https://testportal.streamcreative.com/industries?hsLang=en)

#### Company

- [About](https://testportal.streamcreative.com/about?hsLang=en)
- [Careers](https://testportal.streamcreative.com/careers?hsLang=en)

#### Resources

- [Blog](https://testportal.streamcreative.com/blog?hsLang=en)
- [Contact](https://testportal.streamcreative.com/contact?hsLang=en)

© 2026 Your Company. All rights reserved.

```json
{
  "@context" : "https://schema.org",
  "@type" : "Organization",
  "address" : {
    "@type" : "PostalAddress",
    "addressLocality" : "Brookfield",
    "addressRegion" : "WI",
    "postalCode" : "53005",
    "streetAddress" : "13555 Bishops Ct"
  },
  "logo" : {
    "@type" : "ImageObject",
    "url" : "https://f.hubspotusercontent10.net/hubfs/2659819/Membership-Demo.png"
  },
  "name" : "streamcreative.com",
  "url" : "https://testportal.streamcreative.com"
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "WebPage",
  "name" : "Module Library: Metrics",
  "url" : "https://testportal.streamcreative.com/module-library/metrics"
}
```