Inferior Modelos CSS

Modelos CSS inferiores criativos para linhas de grelha, faixas de contacto e rodapés

Os modelos CSS inferiores incluem as regras visuais para a secção final da página, incluindo preenchimento interno e cores. Nesta coleção, essa secção assume diversos formatos, desde uma linha de células de grelha com texto e botões até um bloco de texto dividido ou uma faixa de contacto. Quanto mais próximas as configurações padrão do modelo estiverem do seu conteúdo, menos regras terá de reescrever mais tarde.

Colunas que se empilham em telemóveis

Ecrãs mais amplos conseguem suportar vários grupos paralelos, enquanto layouts mais estreitos podem empilhá-los numa sequência legível. Regras de Grid ou Flexbox realizam essa transição em pontos de quebra definidos, permitindo que quatro colunas de links num portátil se transformem numa única coluna num telemóvel.

A documentação do Grid Element do Nicepage descreve os controlos para colunas, linhas e espaçamentos dentro de um bloco. Em modelos criados com um Grid Repeater, aplicar estilo a uma célula atualiza as restantes, e a contagem de colunas pode variar nos diferentes modos responsivos.

Cada estrutura inicial adequa-se a um tipo diferente de conteúdo de rodapé:

• Várias colunas lado a lado são ideais para um rodapé com muitos links, desde que os espaçamentos mantenham os grupos visualmente separados.
• Um layout empilhado adapta-se a uma mensagem final curta, centrada sobre um único botão, sofrendo poucas alterações num telemóvel.
• Uma linha única e compacta adapta-se a uma faixa estreita com aviso de direitos de autor e alguns ícones, desde que o texto permaneça conciso.

Espaçamento e contraste no final do conteúdo

Os modelos CSS inferiores variam entre visuais arejados e disposições bastante densas. Um espaçamento interno generoso em redor de uma área inferior minimalista faz com que poucas linhas de texto de contacto pareçam intencionais. Com colunas de links densas, espaçamentos mais reduzidos evitam que a faixa se estenda demasiado para baixo no ecrã.

O contraste em relação ao conteúdo superior também varia. Uma faixa escura demarca a parte inferior com nitidez, enquanto uma borda fina sobre o fundo da página cria uma transição mais suave. Essa borda suave é a opção mais segura após uma secção escura, pois uma faixa escura logo abaixo fundir-se-ia num bloco visualmente pesado.

Tipografia destacada, texto secundário

Um modelo pode destacar o nome da marca ou um título de contacto com maior tamanho e contraste, mantendo os links de políticas mais pequenos e claros. Outro mantém todas as linhas com a mesma dimensão, dependendo apenas do posicionamento. Se a sua secção inferior tiver um elemento principal procurado pelos utilizadores, como um número de telefone, a primeira opção estará mais próxima do resultado final.

As Nicepage Theme Colors aplicam um esquema de cores uniforme a todo o projeto, e mudar uma predefinição altera as cores de tudo o que as utiliza. Uma faixa preenchida com uma cor personalizada mantém-na após a alteração, parecendo destoar do restante site. Já um modelo cuja secção inferior utilize Theme Colors adapta-se à sua paleta sem esforço adicional.