Avaliação de Tipografia

Passo 1 — Identificar as fontes em uso e avaliar alinhamento com tom de marca

Mapear todas as famílias tipográficas presentes na interface e avaliar se refletem o tom de marca documentado na ficha de contexto:

**Mapeamento:**

- Quantas famílias tipográficas estão em uso? (Mais de 2–3 raramente funciona bem) - Quais são os pesos em uso para cada família? - Há fontes de display separadas das fontes de corpo?

**Alinhamento com tom de marca:** - A personalidade das fontes corresponde ao tom esperado? (Uma fonte geométrica e fria não serve a um produto que precisa comunicar calor humano) - As fontes são genéricas ao ponto de não diferenciar o produto de nenhum outro? (Inter, Roboto, Open Sans aplicados sem adaptação nenhuma frequentemente indicam escolha padrão, não escolha deliberada) - Há contraste suficiente entre as famílias em uso? (Duas fontes visualmente similares somam ruído, não personalidade)

Passo 2 — Avaliar a escala tipográfica e a hierarquia de texto

Verificar se há uma escala tipográfica clara que comunique hierarquia de informação:

**Escala:**

- Quantos tamanhos distintos de texto estão em uso? Eles seguem uma progressão lógica (ex: razão 1.25 ou 1.333)? - A diferença entre níveis adjacentes é perceptível à distância de leitura normal? (Diferenças menores que 4–6px entre níveis adjacentes são frequentemente imperceptíveis) - Há mais do que 5–6 tamanhos distintos? Isso geralmente indica escala sem sistema.

**Hierarquia:** - É possível identificar instantaneamente qual elemento é título, qual é subtítulo e qual é corpo de texto, sem ler o conteúdo? - Títulos e subtítulos se diferenciam apenas por tamanho, ou também por peso, cor ou espaçamento? (Múltiplas dimensões de diferenciação criam hierarquia mais robusta) - Elementos de mesma importância têm o mesmo estilo ao longo da interface?

Passo 3 — Avaliar legibilidade do corpo de texto

Verificar se o texto de leitura contínua está configurado para máxima legibilidade:

**Tamanho:**

- O corpo de texto está em pelo menos 16px (1rem)? Tamanhos abaixo disso degradam a legibilidade, especialmente em telas menores. - Textos de suporte (labels, captions) estão acima de 12px? Abaixo disso, a legibilidade é comprometida para a maioria dos usuários.

**Comprimento de linha:** - As colunas de texto têm largura adequada para leitura confortável? O intervalo ideal é de 45 a 75 caracteres por linha para texto de leitura. - Há textos que se estendem por toda a largura da tela, tornando o rastreamento de linha difícil?

**Altura de linha:** - A altura de linha (line-height) está adequada para o tamanho da fonte? Para corpo de texto, o intervalo típico é 1.5–1.7. Para títulos grandes, 1.1–1.3. - Parágrafos de texto denso parecem "empilhados" demais, dificultando a leitura?

Passo 4 — Avaliar consistência de uso

Verificar se os mesmos estilos tipográficos são aplicados de forma consistente ao longo da interface:

- Elementos do mesmo tipo (todos os títulos de seção, todos os labels de campo, todos os textos de suporte) têm exatamente o mesmo estilo?

- Há variações de peso para o mesmo papel semântico (título em bold em uma seção e semibold em outra sem motivo)? - O mesmo texto aparece em tamanhos diferentes em seções distintas sem justificativa funcional? - Há mistura de estilos de caixa inconsistente (Title Case em alguns lugares, Sentence case em outros, para o mesmo tipo de elemento)?

Passo 5 — Documentar achados com localização e impacto

Para cada problema identificado:

- Nomear o problema com precisão - Indicar o elemento afetado (título de seção, corpo de texto, label de campo, caption, etc.) - Descrever o impacto na percepção de qualidade ou na legibilidade - Indicar a severidade: **alta** (viola critério de qualidade definido ou compromete legibilidade), **média** (degrada percepção), **baixa** (melhoria incremental)

---