# data[].attributes.body
320-767
768-1023
1024-

# data[].attributes.body
Ponctuer ses phrases.

Aérer son texte.

justifier le texte.

Ne pas utiliser de phrase trop longue, privilégier les phrases courtes.

Faire des paragraphes courts et synthétiques.

Une idée par paragraphe.

Taille de texte par défaut : 16px, ne pas descendre en dessous de cette valeur.

Structurer l'information du plus important au moins important.

Ne pas faire de multiples colonnes.

Ne pas souligner le texte, cela est réservé aux liens.

Une seule couleur par type d'information/de texte.

Éviter les textes incrustés dans l'image.

Éviter l'italique et privilégier le gras.

Éviter l'écriture en lettres capitales.

# data[].attributes.body
Choisir des couleurs complémentaires.

Choisir des couleurs correspondant au thème de la page.

Ne pas utiliser trop de couleurs différentes.

Appliquer la règle du 60 30 10.

Une couleur par type d'information.

Contraster couleur de police et couleur du fond.

Éviter des couleurs saturées.

Éviter le rouge et le bleu comme couleur d'écriture.

Couples de couleurs à proscrire: jaune-violet et jaune-vert.

voir:

https://htmlcolorcodes.com/fr/

https://color.adobe.com/fr/create

# data[].attributes.body
Utiliser des marges pour ne pas les coller au texte.

Adapter les image et le texte ensemble.

Rester dans le thème de la page (couleurs,  sujet abordé,...).

Convertir les image dans la taille appropriée ( ne pas pixeliser ou au contraire avoir une image inutilement lourde).

Garder les proportions de l'image ne pas la déformer.

Utiliser le format de compression adapté (jpeg, png, bmp,...).

Utiliser squoosh pour adapter les images.

Utiliser les balises Alt et Title pour les images.

Faire attention aux droits d'auteurs (voir pexels.com et pixabay.com) .

# data[].attributes.body
Différencier les titres du texte, avoir un titre plus gros que le texte.

Marquer des espaces entre le titre et le paragraphe suivant.

Utiliser des couleurs de police qui se détachent du fond, contraster le texte.

Utiliser un titre court avec des mots clefs.

# data[].attributes.attachment_link.description
un titre honorifique, comme celui dans l'Égypte pharaonique ou le titre de noblesse /subsidiaire /de courtoisie , au Moyen Âge, qui est un moyen de distinguer les différents personnages détenteurs de la puissance publique, avant d'être à l'époque moderne et contemporaine une épithète honorifique liée aux faveurs d'un souverain.

# data[].attributes.body
Ne pas utiliser Comic sans MS.

Utiliser une police lisible, privilégier les polices sans Serif.

Ne pas changer de police trop souvent, pas plus de 2-3 polices par page.

Éviter la cohabitation des polices Serif et sans Serif.