# 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).

## 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 Sans**

Títulos e tudo em que se age: botões, campos, tabelas, rótulos.

Aa

**Alegreya**

O texto para ler: parágrafos, explicações, relatórios.

Aa

**Alegreya itálico**

As 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

**Próximo lembrete**Terça, 9h

Rótulo em frase normal, na sans.

Não faça

**Próximo lembrete**Terça, 9h

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

Último backup: 3h12, há 6 horas

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](https://fonts.google.com/specimen/Alegreya) e [Alegreya Sans](https://fonts.google.com/specimen/Alegreya+Sans) são de Juan Pablo del Peral ([Huerta Tipográfica](https://www.huertatipografica.com/)), na licença livre [SIL Open Font](https://openfontlicense.org/). O Feitio serve as duas junto com o CSS, no `fonts.css`, sem pedir nada a outro site.