Choisir ses typographies
Vous devrez déterminer la taille des polices de votre site.
Pour ce faire, nous utiliserons un système de taille décroissante.
Par exemple si votre titre principale (H1) est à 96px,
Cela pourrait donner le système suivant :
H1: 96px
H2: 84px
H3: 72px
H4: 60px
H5: 48px
H6: 36px
La taille des paragraphes de base elle variera toujours entre 14 et 18px pour assurer une bonne lisibilité.
Visuellement vous obtiendrez le résultat suivant :
Dans cet exemple, j’ai diminué de 12 en 12 car je suis parti d’une police de grande taille.
Si vous commencez avec un H1 à 36px, alors dans ce cas diminué de 4px.
Pour vous aider à trouver la taille de vos typographies et à vous rendre compte du rendu vous pouvez naviguez sur les sites suivants :
Sur ce site vous pourrez éditer chaque taille de typo.
https://archetypeapp.com/
Ici vous aurez des systèmes déjà fait en fonction de vos choix de police :
https://m2.material.io/
ATTENTION !!!!
Canva prend les tailles de polices en pixel (px).
Hors ces sites vous donnent des tailles en Em (1em = 16px)
Si vous souhaitez convertir les valeurs vous pouvez utiliser ce site :
https://nekocalc.com/fr/em-a-px-convertisseur
Si vous cherchez des idées :
https://www.process-masterclass.com/typography-tips-a-lesson-on-contrast