CB-KPI-001

KPI Metrics

The KPI Metrics block highlights key figures or performance indicators in a clear, visual way. It helps draw attention to important results, achievements or data points that support the wider message on the page.

By pairing a strong headline with a small set of focused metrics, the block makes complex information quick to understand and easy to compare at a glance.

Content Block Fields:

  • Eyebrow

  • Headline

  • Body Vopy

  • Key Indicators - Max limit 3

Nested Accordion Items Fields:

  • Highlight

  • Summary

Content Block Settings:

  • Background Colours

Demo

White

KPI Metrics headline

The KPI Metrics block highlights important results or performance indicators in a simple, visual format. By surfacing key figures at a glance, it helps communicate impact quickly and reinforces the value behind the work or message.

100%

Represents a key performance measure, giving users a quick snapshot of progress or success.

20X

Highlights growth, improvement or scale achieved over time.

20%

Summarises a measurable outcome that supports the wider story being told on the page.

Grey

KPI Metrics headline

The KPI Metrics block highlights important results or performance indicators in a simple, visual format. By surfacing key figures at a glance, it helps communicate impact quickly and reinforces the value behind the work or message.

100%

Represents a key performance measure, giving users a quick snapshot of progress or success.

20X

Highlights growth, improvement or scale achieved over time.

20%

Summarises a measurable outcome that supports the wider story being told on the page.

Black

KPI Metrics headline

The KPI Metrics block highlights important results or performance indicators in a simple, visual format. By surfacing key figures at a glance, it helps communicate impact quickly and reinforces the value behind the work or message.

100%

Represents a key performance measure, giving users a quick snapshot of progress or success.

20X

Highlights growth, improvement or scale achieved over time.

20%

Summarises a measurable outcome that supports the wider story being told on the page.

Yellow

KPI Metrics headline

The KPI Metrics block highlights important results or performance indicators in a simple, visual format. By surfacing key figures at a glance, it helps communicate impact quickly and reinforces the value behind the work or message.

100%

Represents a key performance measure, giving users a quick snapshot of progress or success.

20X

Highlights growth, improvement or scale achieved over time.

20%

Summarises a measurable outcome that supports the wider story being told on the page.