Usando prints de nosso próprio site como exemplo: links superiores formam o menu, as imagens passantes são banners rotativos. Ademais, em nosso caso, temos um link do Whatsapp que flutua na lateral direita de nossas páginas.

1. Menu, Slider e Link flutuante
Usando prints de nosso próprio site como exemplo: links superiores formam o
menu, as imagens passantes são banners rotativos. Ademais, em nosso caso,
temos um link do Whatsapp que flutua na lateral direita de nossas páginas.

2. Seção
Uma estrutura bem conhecida é a grade de posts presente em sites que incluem
um blog. Normalmente a grade dispõe os posts em linhas e colunas trazendo
assim a foto de capa, o título, e os metadados (data, categorias e tags
relacionadas). Além disso a grade também pode apresentar um resumo como
introdução e um link leia mais.

3. Post
Quando acessamos um post ou página interna — é assim que chamamos as páginas que não são a inicial
(home) — uma nova estrutura se apresenta. Tal estrutura, por via de regra, tem o cabeçalho e rodapé padrão
do site, o título da postagem, uma imagem de capa destacada na parte superior e conta ainda com uma barra
lateral com links relacionados.
Ainda no caso de nosso site, destacamos que a barra lateral (muito referenciada como sidebar) possui um
campo de busca para encontrar mais conteúdo no site.