```meta
title: Hero de tela cheia
description: A marca presa no topo, o título no meio e uma faixa presa na base da tela; o que fica no meio continua centrado.
```

:::hero height:screen pin:both flow:2
**Nome da marca**

# Uma frase curta e forte

Uma linha que explica para quem é e por que importa.

:::inline justify:center
[Começar agora](#comecar)
---
[Ver como funciona](#detalhes)
:::

:::inline justify:center
![Acme](/demo/layout/logo-acme.svg)
---
![Globex](/demo/layout/logo-globex.svg)
---
![Northwind](/demo/layout/logo-northwind.svg)
:::
:::
