# Typographie

Une seule famille, Alegreya, en trois voix. Liée au raffinement (une famille, peu de tailles) et à l'humanisme (une typographie qui conserve la main de l'écrivain).

## Une seule famille, trois voix

La typographie donne à une page la plupart de sa personnalité ; il n'y en a donc qu'une seule, Alegreya, née de la calligraphie, toujours utilisée de la même façon.

Aa

**Alegreya Sans**

Titres et tout ce sur quoi vous agissez : boutons, champs, tableaux, étiquettes.

Aa

**Alegreya**

Texte pour la lecture : paragraphes, explications, rapports.

Aa

**Alegreya italic**

Carnets de processus, et seulement ceux-là.

## L'échelle

Couverture, 4rem

Feitio

Titre 1, 2.75rem

Calendriers

Titre 2, 2rem

Cette semaine

Titre 3, 1.5rem

Mardi

Corps de texte, 1.25rem

Lecture apaisée, raffinée sans être solennelle.

Petit, 1rem

Légende, hint de champ, pied de page.

Texte du corps avec un espacement interligne de 1,6 ; les titres ont un espacement de 1,08. Une colonne de lecture ne dépasse jamais environ 70 caractères par ligne.

## Règles

### Aucun label en majuscules

Aucun kicker espacé au-dessus d'un titre non plus. Mise en phrase : seule la première lettre est capitale.

Do

**Rappelez-vous bientôt**Mardi, 9 h

Label en mise en phrase, dans le sans-serif.

Don’t

**Rappelez-vous bientôt**Mardi, 9 h

Majuscules espacées : moins lisibles et signe de pages génériques.

### Mono uniquement pour le code

Aucun type mono ne donne aux nombres, dates ou étiquettes une ambiance "technique".

Do

Dernier sauvegarde : 3:12, il y a 6 heures

Le sans avec chiffres tabulaires aligne les colonnes sans ressembler à un terminal.

Don’t

`LAST_BACKUP 03:12:44 (-06h)`

Mono pour orner les données : les "vibes tech" de Feitio n'existent jamais.

### Un titre complet, une seule couleur et un seul poids

Ne jamais mettre en évidence un mot d'un titre en orange, italique ou gras.

### L'italique a un propriétaire

Notes de processus. La mise en valeur dans le texte courant, quand nécessaire, est en gras et parcimonieusement.

### La taille vient de l'échelle

Aucune taille manuscrite ; aucun titre 2 "habillé" comme un titre 1.

## Les polices

[Alegreya](https://fonts.google.com/specimen/Alegreya) et [Alegreya Sans](https://fonts.google.com/specimen/Alegreya+Sans) sont de Juan Pablo del Peral ([Huerta Tipográfica](https://www.huertatipografica.com/)), sous la libre [SIL Open Font License](https://openfontlicense.org/). Feitio sert les deux avec son CSS, dans `fonts.css`, sans rien demander à un autre site.