Design gráfico Modelo HTML

Uma secção estática concluída para introduzir o design gráfico

O retrato à esquerda e o cartão branco à direita conferem a este bloco uma organização de conteúdos bem definida, que pode ser incorporada numa página HTML estática. O cartão reúne desde logo o título principal, o parágrafo de apoio, os créditos da imagem e a CTA «Saber mais», permitindo que a secção introduza o tema do design gráfico sem exigir uma nova estrutura de conteúdos interna. O retrato fornece o foco visual, enquanto o cartão concentra o texto explicativo e a ação numa única área de leitura fácil.

O tratamento decorativo faz também parte integrante desta secção pré-concebida. Um apontamento circular branco de grandes dimensões situa-se sobre a imagem, um retângulo verde-escuro cria um fundo em camadas atrás do conteúdo principal e a área em tom de verde suave liga todas as formas. Estas relações visuais transformam o bloco em algo superior a um simples conjunto de texto e imagens: definem uma unidade visual acabada, capaz de se posicionar entre outras áreas de conteúdo mantendo a sua própria identidade. A interação é puramente estática, pelo que a secção não necessita de galerias, carrosséis ou elementos expansíveis para cumprir o seu propósito introdutório.

Numa implementação HTML estática mais ampla, as secções adjacentes podem assegurar a navegação, fornecer informações detalhadas sobre design gráfico ou propor ações adicionais. Este bloco pode manter-se como uma introdução sucinta, cujo botão «Saber mais» existente conduz aos conteúdos correlacionados disponibilizados na página anfitriã.