Celere DS · componentes · rodapés
COMPONENTES · 06 · RODAPÉS
Fechamento de página

Rodapés

Cinco rodapés para cinco contextos: o institucional que fecha o site, o compacto de página interna, o de aplicação com versão e ambiente, o de e-mail transacional, e a versão acordeão do institucional no telefone.

A régua é o divisor, e ela carrega o código da seção

Nenhum rodapé do sistema usa linha lisa para separar bloco. O divisor é a régua com ticks de medição a cada 8px, com o código da seção em mono à esquerda. Isso não é enfeite: o código diz a ordem real do conteúdo, e a régua repete no rodapé a mesma linguagem do hero e das seções. Um site que mede tudo não pode fechar com uma linha genérica de template.

Cinza claro sobre ink também tem piso. Todo link de coluna usa #9FB6BA, que mede 8,27:1 sobre #0E1B1E, e o hover sobe para #F2F7F7. O terciário #6F878C aparece só em rótulo de dado, nunca em texto de leitura.

6.1 · RODAPÉ INSTITUCIONAL EM 4 COLUNAS

// use o botão de largura para ver a mesma marcação virar acordeão. O rodapé responde à largura do container, não à da janela, então a prévia de 390px é o comportamento real do telefone.

Largura atual: desktop, 4 colunas abertas.

// conferir com a Celere antes de publicar: endereço, telefone e CNPJ estão como espaço reservado neste preview. Os e-mails e o domínio celere.digital são os reais.

6.2 · RODAPÉ COMPACTO DE UMA LINHA

// para página interna, landing de campanha e documento longo, onde o rodapé de 4 colunas competiria com o conteúdo. A régua ocupa o espaço vazio no meio em vez de deixar um buraco.

6.3 · RODAPÉ DE APLICAÇÃO

// mono do começo ao fim. Versão, commit e ambiente ficam visíveis porque quem abre um chamado precisa dizer em que build o erro aconteceu, e ninguém decora hash.

// homologação usa a pílula laranja porque estar no ambiente errado é literalmente um desvio, e um caro. Produção usa teal, o estado normal das coisas.

6.4 · RODAPÉ DE E-MAIL

// tabela e estilo em linha, largura de 600px, hex escrito à mão. Cliente de e-mail não lê custom property, não respeita flex e às vezes ignora a fonte, então a pilha de fallback termina em Arial.

// o cancelamento fica no rodapé de todo e-mail, inclusive transacional, e o texto diz o escopo exato: cancelar avisos desta obra, não cancelar tudo. Link de descadastro escondido é o jeito mais rápido de virar spam.

FIM · 06 · RODAPÉS