> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/baztheme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rosea.gitbook.io/baztheme/global-styles/typography.md).

# Typography

#### Lead

*lead-1, lead-2, lead-3, lead-4*

![](/files/5Cv1ggIc1KFWoXvQyONg)

```html
<p class="lead-1">Lead #1</p>
<div class="lead-2">Lorem ipsum dolar set</div>
```

#### Display

*display-1, display-2, display-3, display-4*

![](/files/8p23Ak0I797NZ4JZd5Fq)

```html
<p class="display-1">Display #1</p>
```

#### Small

*small, text-small*

```html
<span class="small">Small text</span>
<span class="text-small">Small text</span>
```

![](/files/UoEFK8Nlb6xiW8iN8F9S)

#### Modified

*modified*

```html
<span class="modified">August 20, 2020</span>
```

![](/files/8lBkBcAdpzi5n64zFwE7)

#### Code Block

```css
.rui-pre
```

#### Text Size

```
.text-size-xl
.text-size-lg
.text-size-base
.text-size-md
.text-size-sm
.text-size-xs
```

#### Text - Font weight

```
.rui-text--weight-normal
.rui-text--weight-medium
.rui-text--weight-bold
```

#### Text with opacity (0.7)

```
.rui-text--opacity
```

#### Colorized Headings/Text

```
.rui-text--gradient
.rui-text--white
.rui-text--black
.text-light
```

#### Animated Links (Underline)

```
.underline--anim
```