---
title: "Typography"
description: "The 29 Sanity ID typography utility classes."
canonical_url: "https://sanity-id-docs.sanity.build/sanity-id/typography"
md_url: "https://sanity-id-docs.sanity.build/sanity-id/typography.md"
docs_index: "https://sanity-id-docs.sanity.build/sanity-id/llms.txt"
version: "1.15.2"
---

> Part of the Sanity ID reference. The index of every page is at https://sanity-id-docs.sanity.build/sanity-id/llms.txt.

# Typography

Apply these as Tailwind classes, e.g. `<h1 className="text-page-heading-xl">`. Listed largest to smallest within each family.

## Headings

- `text-page-heading-xl`
- `text-page-heading-lg`
- `text-page-heading-md`
- `text-page-heading-sm`
- `text-component-heading-lg`
- `text-component-heading-md`
- `text-component-heading-sm`

## Body and supporting text

- `text-body-xl`
- `text-body-lg`
- `text-body-md`
- `text-body-md-loose`
- `text-body-sm`
- `text-body-sm-loose`
- `text-body-xs`
- `text-body-xs-loose`
- `text-label-lg`
- `text-label-md`
- `text-label-sm`
- `text-detail-md`
- `text-detail-sm`
- `text-quote-lg`
- `text-quote-md`
- `text-quote-sm`
- `text-code-lg`
- `text-code-md`
- `text-code-sm`

## Inline

For use on a `<span>` inside running text.

- `text-inline-link`
- `text-inline-control`
- `text-inline-code`