Elementos de layout
Elementos de layout definem onde o conteúdo fica. Adicione-os antes de preencher textos, mídias e formulários para manter espaçamento responsivo previsível.
Blocos principais
| Elemento | Função |
|---|---|
| Container | Unidade principal de layout; contém seções, linhas e elementos aninhados. |
| Tab | Layout com abas e cabeçalhos por painel. |
| Slider | Layout em carrossel para vários painéis. |
| Spacer | Controle de espaço vertical ou horizontal. |
| Divider | Separador visual entre seções. |
| Menu | Menu de navegação para links e marca. |
| Footer | Região final da página com colunas ou links. |
Padrões de construção
- Adicione um Container onde precisar de uma nova seção.
- Dentro dele, use linhas ou containers internos conforme sua template.
- Use Spacer e Divider para ajustar ritmo visual.
- Coloque Menu e Footer uma vez por página, salvo quando o design repetir essas áreas intencionalmente.
Design responsivo
- Revise como os itens de Menu colapsam no mobile.
- Teste gestos de slider e tab em dispositivos touch.
Perguntas frequentes
Container ou templates de seção?
Container é a caixa básica de layout. Templates de seção aceleram a inserção de estruturas prontas.
Posso aninhar sliders?
Tecnicamente é possível, mas normalmente prejudica a experiência. Prefira um único slider por região visível.