Footer
O Footer fecha a página. Ele sempre traz a linha legal (o nome da empresa e o aviso de direitos). Os dados da empresa
(endereço, telefone, e-mail, horário), os links e as redes sociais aparecem só quando você os preenche.
As três variantes:
minimal: a linha legal, com os links legais (Links legais,ui/sections/footer/footer.ts:66-68).simple: marca, links e redes sociais em uma linha, com a linha legal embaixo.full: bloco da empresa e até três colunas de links, com a linha legal embaixo.
Se o projeto usa o banner de cookies, o rodapé pode ter um botão que reabre o banner, para que o visitante troque a escolha depois. Ele aparece só quando a propriedade é preenchida.
Footer
Pasta: ui/sections/footer
Variantes
| Id | Variante | Tom |
|---|---|---|
footer-minimal-light | minimal | light |
footer-minimal-gray | minimal | gray |
footer-minimal-dark | minimal | dark |
footer-minimal-accent | minimal | accent |
footer-simple-light | simple | light |
footer-simple-gray | simple | gray |
footer-full-light | full | light |
footer-full-gray | full | gray |
Propriedades
| Propriedade | Tipo | Obrigatória | Descrição |
|---|---|---|---|
variant | "full" | "simple" | "minimal" | Não | — |
business | FooterBusiness | Sim | — |
links | readonly FooterLink[] | Sim | — |
year | number | Não | — |
cookiePreferences | string | Não | Label of a link-styled button (`data-consent-open`) that reopens the consent banner; omitted: no button. |
social | readonly SocialLink[] | Não | Social profiles as icon links (`simple`, `full`); omitted: none. |
columns | readonly FooterColumn[] | Não | Up to three titled link columns beside the business block (`full`); `links` stay the legal links. |
tone | Tone | Não | — |
density | Density | Não | — |
width | Width | Não | — |
id | string | Não | — |
Onde aparece nos templates
Seção intitulada “Onde aparece nos templates”full:templates/landing-page/models/produto/files/src/data/content.ts:196e o rodapé de todas as páginas do site emtemplates/multi-page/files/src/pages/layout.ts:70.simple:templates/one-page/files/src/data/content.ts:215,templates/landing-page/models/captura/files/src/data/content.ts:145,templates/landing-page/models/evento/files/src/data/content.ts:181etemplates/landing-page/models/lancamento/files/src/data/content.ts:139.
Captura da primeira variante do catálogo (minimal, tom claro, em 1280 px):
A mesma variante em 360 px:
Os links do rodapé têm altura mínima de 44 px em qualquer largura, inclusive os das colunas da variante full
(ui/sections/footer/footer.module.css:22-23). Não reduza esse espaço com CSS solto.