> For the complete documentation index, see [llms.txt](https://help.twinr.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.twinr.dev/setup-theme/app-theme/text-theme.md).

# Text Theme

The Text Theme menu allows you to customize the font sizes and font weights used in your app. This helps you set a clear visual hierarchy — so headings stand out, and small labels stay clean and readable.

#### How it works?

You can adjust two things for each text style:

* Font Size (px) – Controls the text size in pixels
* Font Weight – Controls how bold or light the text looks (e.g., Regular, Medium, Bold)
* Font Style – Allows you to apply stylistic variations or other available styles.\
  This gives you more flexibility in defining how each text type should appear in your app's design system.

| Heading Large  | Main titles or banners                        |
| -------------- | --------------------------------------------- |
| Heading Medium | Section headings                              |
| Heading Small  | Subtitles or smaller headers                  |
| Body Large     | Highlighted content or feature descriptions   |
| Body Medium    | Regular app content and paragraphs            |
| Body Small     | Fine print or smaller content areas           |
| Label Large    | Form labels or UI elements that need emphasis |
| Label Medium   | Standard input labels                         |
| Label Small    | Secondary UI labels, hints, or helper text    |

<figure><img src="/files/Ui5zJZrfdlydzXJHNkKc" alt=""><figcaption></figcaption></figure>