> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Figures

> A few numbers in hairline columns, each with a unit and a line that says what it means.

![Figures on the storefront](https://mintcdn.com/kwebby/Y7lUE3PaLXfHjaRp/images/vesper/figures.webp?fit=max\&auto=format\&n=Y7lUE3PaLXfHjaRp\&q=85\&s=061c386381097e74779211d1cbbebfe5)

Figures, highlighted with the demo content

## Where to find it

The About template (sourcing). In the theme editor choose Pages, then about, and select Figures.

## How it works

* Each figure shows the number large, the unit smaller after it, and a short line under it.
* Figures show exactly as you write them.

![Figures in the theme editor](https://mintcdn.com/kwebby/ipMVAv6ECVUC3DoM/images/vesper/editor-figures.webp?fit=max\&auto=format\&n=ipMVAv6ECVUC3DoM\&q=85\&s=c1b2f74c14888e5690f30feb2f5603e8)

In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview

## Edit it

* Add a Figure block per number (up to 8) with Number, Unit (such as %, ct or weeks) and What it means.
* Add a Note under the heading to say where the figures come from.

## Settings

| Setting | What it does |
| - | - |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |
| **Eyebrow** | Text. Default: Sourcing. |
| **Heading** | Text. Default: How the materials reach the bench. |
| **Note** | Formatted text (one line). Small print under the heading, for example where the figures come from. |

> [!TIP]
>
> Figures are shown exactly as you write them. Only use numbers you can stand behind.

## Blocks

Up to 8 blocks. Add a block with **Add block** under the section in the sidebar; drag blocks to reorder them.

### Figure

| Setting | What it does |
| - | - |
| **Number** | Text. Default: 100. |
| **Unit** | Text. Shown smaller after the number, for example %, ct or weeks. Default: %. |
| **What it means** | Formatted text (one line). |

> [!NOTE]
>
> Only use numbers you can stand behind.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.