imagem de abertura — 16:9
Imagem 01 — legenda da imagem de abertura

Contexto

Parágrafo de exemplo, presente aqui para conferir a medida de linha, a entrelinha e o contraste do corpo de 14px dentro da coluna de 584px. O texto definitivo entra no lugar deste bloco sem alterar a marcação ao redor.

Segundo parágrafo, para verificar o espaço entre blocos de texto corrido. Um link no meio da frase aparece sublinhado, para se distinguir do texto mesmo quando a cor não basta.

O problema

Abertura curta apresentando a questão que o estudo de caso investiga, seguida da lista dos pontos que a compõem.

Processo

Parágrafo que apresenta as etapas percorridas antes de entrar em cada uma delas.

Ferramentas

Subseção usada para separar as etapas dentro de um mesmo bloco do processo, sem criar uma seção nova.

Iterações

Segunda subseção, para confirmar o respiro entre uma subseção e a anterior.

registro do processo — 4:3
Imagem 02 — legenda da imagem no meio do texto

Decisões de projeto

Quando a ordem das decisões importa, a lista é numerada.

  1. Primeira decisão, com a justificativa que a sustenta.
  2. Segunda decisão, também com uma frase de justificativa logo em seguida para manter o padrão.
  3. Terceira decisão.

Resultado

Fechamento do estudo de caso: o que mudou depois das decisões acima.

Citação ou destaque, para trechos de entrevista, falas de usuários e frases que valem ser lidas fora do corpo do texto.

Aprendizados