Text
O texto corrido: o que a pessoa lê. Na serifa do Feitio, com linhas que não passam do confortável.
Nesta página
Playground
O backup roda todo domingo às 3h. Se algo falhar, o aviso chega com o motivo e o que fazer.
Fundo
<p class="feitio-text">O backup roda todo domingo às 3h. Se algo falhar, o aviso chega com o motivo e o que fazer.</p>Quando usar
- Para explicar, contar, orientar: qualquer parágrafo.
- Em três tamanhos: abertura, comum e miúdo.
Quando não usar
- Para rótulos de campos, botões e tabelas: esses usam a sans, e cada componente cuida dela.
- Para avisos importantes: use Notice. Texto miúdo não segura um aviso.
Exemplos
A frase que diz para que serve a página.
O texto corrido, na serifa, com linhas de no máximo 70 caracteres para não cansar.
Legenda, dica de campo, rodapé.
Os três tamanhos
Abertura para o primeiro parágrafo de uma página, comum para o resto, miúdo para legenda e ajuda.
Mostrar código
<p class="feitio-text" data-size="lead">A frase que diz para que serve a página.</p>
<p class="feitio-text">O texto corrido…</p>
<p class="feitio-text" data-size="small">Legenda, dica de campo, rodapé.</p>Bons e maus padrões
Faça assim
O backup roda toda madrugada às 3h. Se falhar, você recebe um aviso.
Duas frases curtas: o que acontece e o que fazer.
Não faça
Atenção: se o backup falhar três vezes seguidas, os dados de hoje não estarão protegidos.
Um aviso sério em letra miúda passa despercebido. Isso é um Notice.
Como escrever
- Frases curtas, voz ativa, a pessoa como sujeito quando der.
- Uma ideia por parágrafo.
Acessibilidade
- O contraste do texto comum e do suave passa o WCAG AA nos dois modos; o teste do Feitio garante.
- Linhas de até 70 caracteres e entrelinha de 1,6, para quem tem dificuldade de leitura.
Atributos
| Atributo | Valores | Para quê |
|---|---|---|
class="feitio-text" | obrigatório | Texto corrido na serifa, até 70 caracteres por linha. |
data-size | nenhum, "lead", "small" | Comum (sem o atributo), abertura ou miúdo. |