Os pontos Modelo HTML

Uma secção em três passos pronta para o conteúdo de páginas HTML estáticas

O título centrado e o parágrafo de apoio definem a finalidade da secção antes de começarem os detalhes do processo. Abaixo deles, três cartões com espaçamento uniforme oferecem áreas de conteúdo distintas para o Passo 1, o Passo 2 e o Passo 3. Cada cartão segue a mesma estrutura interna — ícone, etiqueta em maiúsculas e texto descritivo —, permitindo à secção apresentar etapas associadas sem exigir que a página envolvente forneça a disposição básica do processo.

As setas circulares conferem uma relação visível entre os cartões. Demonstram que as etapas pertencem a uma sequência ordenada, enquanto as superfícies cinzento-claras distinguem cada passo do fundo branco. Num contexto HTML estático, isto torna o bloco muito útil como uma área pré-configurada de «como funciona» no âmbito de uma página ou site mais vasto. A estrutura circundante pode assegurar a navegação, secções complementares e contexto geral, enquanto este bloco assume a explicação do processo propriamente dita.

Como a interação é estática, a secção comunica através do espaçamento, da estrutura repetida dos cartões, de ícones, etiquetas e elementos gráficos direcionais, e não por meio de controlos ou estados dinâmicos. A sua organização pronta a usar pode ser incorporada numa página estática e adaptada com os textos, ícones, cores e dimensões próprios do projeto, sem alterar a lógica essencial dos três passos.