Tipografia
Uma família só, a Alegreya, em três vozes. Ligada ao requinte (uma família, poucos tamanhos) e ao humanismo (letra que guarda a mão de quem escreve).
Nesta página
Uma família, três vozes
A letra é o que mais dá personalidade a uma página; por isso há uma só, a Alegreya, nascida da caligrafia, usada sempre do mesmo jeito.
Aa
Alegreya SansTítulos e tudo em que se age: botões, campos, tabelas, rótulos.
Aa
AlegreyaO texto para ler: parágrafos, explicações, relatórios.
Aa
Alegreya itálicoAs notas de processo, e só elas.
A escala
- Capa, 4rem
- Feitio
- Título 1, 2,75rem
- Agendamentos
- Título 2, 2rem
- Esta semana
- Título 3, 1,5rem
- Terça-feira
- Texto, 1,25rem
- Leitura calma, com requinte sem solenidade.
- Miúdo, 1rem
- Legenda, ajuda de campo, rodapé.
Texto com entrelinha de 1,6; títulos com 1,08. Uma coluna de leitura nunca passa de uns 70 caracteres por linha.
Regras
Nada de caixa alta para rótulos
Nem sobretítulo espaçado em cima de título. Frase normal: só a primeira letra maiúscula.
Faça assim
Rótulo em frase normal, na sans.
Não faça
Caixa alta espaçada: mais difícil de ler e uma das marcas de página genérica.
Mono só para código
Nada de fonte mono para dar "ar técnico" a números, datas ou rótulos.
Faça assim
A sans com números tabulares alinha as colunas sem parecer terminal.
Não faça
LAST_BACKUP 03:12:44 (-06h)Mono decorando dados: é o "tech vibes" que o Feitio nunca é.
Um título inteiro, de uma cor e um peso
Nada de destacar uma palavra do título em laranja, itálico ou negrito.
O itálico tem dono
As notas de processo. Ênfase no meio do texto, quando precisar, é negrito, e com parcimônia.
Tamanho vem da escala
Nada de tamanho escrito à mão; nada de título 2 "com cara de" título 1.
As fontes
Alegreya e Alegreya Sans são de Juan Pablo del Peral (Huerta Tipográfica), na licença livre SIL Open Font. O Feitio serve as duas junto com o CSS, no fonts.css, sem pedir nada a outro site.