Pular para o conteúdo

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

IdVarianteTom
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

PropriedadeTipoObrigatóriaDescriçã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 —
  • full: templates/landing-page/models/produto/files/src/data/content.ts:196 e o rodapé de todas as páginas do site em templates/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:181 e templates/landing-page/models/lancamento/files/src/data/content.ts:139.

Captura da primeira variante do catálogo (minimal, tom claro, em 1280 px):

Captura da galeria: seção Footer, variante minimal, claro, em 1280 px

A mesma variante em 360 px:

Captura da galeria: seção Footer, variante minimal, claro, 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.