Simone

Apparence et thèmes

L’Apparence règle le dessin du site, sans toucher au contenu. Le thème fourni, « Sobre », a deux menus (Principal et Pied de page) et se personnalise par sections.

Les sections

  • Couleurs : le mode (Clair, Sombre, ou Selon l’appareil) et quatre couleurs par palette, claire et sombre : Fond, Surface, Texte, Accent. Simone calcule le reste (texte secondaire, filets, texte sur l’accent, liens).
  • Typo : la police des titres et celle du texte, parmi les polices système, douze familles livrées avec Simone, ou vos propres polices ; une échelle (Sobre, Marquée, Spectaculaire) ; et un réglage fin par niveau (taille, graisse, casse, interligne).
  • Forme : arrondi des angles, des boutons et des images, espacement, largeur maximale du contenu, animations d’apparition.
  • Logo : le logo, une version claire pour le mode sombre, sa hauteur, un effet au survol, l’option « Écrire le nom du site à côté du logo », et le favicon.
  • En-tête : son comportement au défilement (défile, toujours visible, se cache, se réduit), sa disposition, son fond, son menu, son filet et son ombre, et son rendu sur téléphone.
  • Curseur : une pastille ronde avec un mot, à la souris seulement.
  • 404 : le titre, le texte et la photo de la page introuvable.

Vos propres polices

Seuls les formats WOFF2 et WOFF sont acceptés, à 2 Mo par fichier ; le nom du fichier donne la graisse (« Bold », « Italic »). Les polices sont servies par votre site : rien n’est demandé à Google ni à Adobe. Une police employée par l’apparence ne peut pas être retirée.

Les couleurs sont contrôlées

Simone vérifie que le texte se lit : un contraste de 4,5 pour 1 est exigé pour le texte sur le fond et sur la surface (le seuil d’accessibilité WCAG AA). Si ce n’est pas le cas, l’enregistrement est refusé et l’écran dit lequel. Les autres couleurs (texte secondaire, texte des boutons, liens) sont corrigées automatiquement.

Le favicon

L’icône de l’onglet : une image carrée de 180 × 180 pixels au moins, ou un SVG. Sans image, Simone utilise la première lettre du site sur la couleur d’accent.