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).
Sur cette page
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 SansTitres et tout ce sur quoi vous agissez : boutons, champs, tableaux, étiquettes.
Aa
AlegreyaTexte pour la lecture : paragraphes, explications, rapports.
Aa
Alegreya italicCarnets 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
Label en mise en phrase, dans le sans-serif.
Don’t
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
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 et Alegreya Sans sont de Juan Pablo del Peral (Huerta Tipográfica), sous la libre SIL Open Font License. Feitio sert les deux avec son CSS, dans fonts.css, sans rien demander à un autre site.