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

# Typography

> Semantic headings, readable body text and accessible links.

# Typography

## Text primitives

`Text` renders a `span` by default and can render common inline or block tags with `as`. `SizableText` adds a coordinated `fontSize` and `lineHeight` size scale: `xs`, `sm`, `md`, `lg` and `xl`.

> [tab] Preview
>
> [Rendered text styles preview](https://black-silva.github.io/silva-ui/previews/?example=typography-1)

> [tab] Code
>
> ```tsx theme={null}
> <Text as="strong" fontWeight="semibold">Strong emphasis</Text>
> <SizableText size="lg" color="muted">Supporting copy</SizableText>
> ```

## Headings

`Heading` uses the appropriate `h1`–`h6` tag based on `level`. Shorthand exports `H1` through `H6` are also available.

> [tab] Preview
>
> [Rendered headings preview](https://black-silva.github.io/silva-ui/previews/?example=typography-2)

> [tab] Code
>
> ```tsx theme={null}
> import { H1, Heading, Paragraph } from "silva-ui"
>
> <H1>Project overview</H1>
> <Heading level={2}>Recent activity</Heading>
> <Paragraph size="md">A short, readable description.</Paragraph>
> ```

## Paragraph and Anchor

`Paragraph` is a `SizableText` configured as a paragraph with a default `md` size. `Anchor` renders an accessible, styled link and accepts `href`, `target`, `rel`, and `disabled`.

> [tab] Preview
>
> [Rendered paragraph preview](https://black-silva.github.io/silva-ui/previews/?example=typography-3)

> [tab] Code
>
> ```tsx theme={null}
> <Paragraph color="muted">
>   Read the <Anchor href="/docs/theming">theming guide</Anchor> to customise the UI.
> </Paragraph>
> ```

Use semantic heading levels in order. Visual sizing can be controlled separately with sprinkles props.


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