> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/theme-settings/typography.md).
# Typography
Set the fonts and text styling used across the theme, from headings down to product prices.
***
## Fonts
Helix uses three font roles that each component draws from:
* **Heading** — Used for all H1–H6 titles.
* **Body** — Used for paragraphs, descriptions, and general reading text.
* **Accent** — Used for emphasis elements such as buttons, badges, and subheadings.
***
## Fluid Heading Sizes
{% hint style="info" %}
**Fluid typography**
H1–H4 take both a desktop size and a mobile size. The theme interpolates between them as the screen width changes (CSS `clamp`), so a heading scales smoothly instead of snapping at a breakpoint. No extra setup needed.
{% endhint %}
***
## Paragraph
Sets the size and line height of body text.
***
## Headings
Styles every H1–H6 title. Each level sets its own size, line height, and text case, while letter spacing applies to all levels at once.
* **H1–H4** — Take a desktop size and a mobile size, the endpoints of the fluid scale (see [Fluid Heading Sizes](#fluid-heading-sizes)).
* **H5–H6** — Take a single fixed size.
***
## Subheadings
Small labels shown above section titles (e.g. "FEATURED COLLECTION"). Sets their font, size, letter spacing, and text case.
***
## Buttons
Styles the text on buttons. Sets the font, size, letter spacing, and text case.
***
## Badges
Styles badge labels such as "SALE" or "NEW". Sets the font, size, letter spacing, and text case.
***
## Product card title
Styles the product name on cards. Sets the font, size, line height, letter spacing, and text case.
***
## Product card price
Styles the price on cards. Sets the font and size.
***
{% hint style="info" icon="headset" %}
**Need help?**
Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.
Chat with us Submit a ticket
{% endhint %}