---
category: Type
---

# Display

The largest type on the page, and the one place the page raises its voice. One per screen,
in the hero.

Break its lines by hand with `<br />`. A display headline is a composed object, not a
paragraph that happens to be large, and where the line turns changes how it reads.

It renders an `h1` by default. Keep one `h1` per page; if the hero headline is not the
page's heading, set `as="p"`.

```jsx
<Display>
  Security engineering<br />for critical software.
</Display>
```

Astro equivalent: `<h1 class="display">`.