Décorations
L'habillage des fonds de section. Aucune image, tout est dessiné en CSS et décliné dans les deux thèmes. Chaque section de cette page porte le décor qu'elle explique. [Remplacer par les décorations propres au projet.]
Le bandeau sombre
Une section passée en thème sombre par un simple attribut. Toutes les utilities s'adaptent, il n'y a rien à recolorer. C'est la rupture la plus simple entre deux blocs de page.
La texture
Un grain léger posé en pseudo-élément sur un fond en retrait, pour donner de la matière à une zone calme sans ajouter de contraste.
La forme de raccord
Une découpe SVG en bas de section pour rejoindre la suivante autrement qu'en ligne droite. Elle se retourne et s'étire avec les classes du composant.
Le fondu de bord
Les deux bords d'une rangée qui défile s'effacent progressivement, pour dire qu'il y a la suite sans couper net.
Le flou de fond
Un panneau semi-transparent qui floute ce qui passe derrière lui : la navigation fixe, une légende sur une image.
Panneau flouté
[Le contenu reste lisible, le fond reste présent.]