Suspensions LED minimalistes NovaLume avec télécommande
Présentation
Les règles de style suivantes définissent la manière dont la page produit présente les suspensions LED minimalistes NovaLume avec télécommande. Elles régissent l’apparence des sections ouvertes, le traitement des en-têtes de section, le comportement des panneaux accordéon, ainsi que la mise en page et la typographie adaptatives pour garantir une présentation épurée et moderne.
Principales caractéristiques de style
- L’état ouvert (is-open) applique un fond clair et un rembourrage horizontal aux zones de contenu pour mettre en valeur les sections développées.
- Les pieds de section (section-footer__title) utilisent un espacement des lettres augmenté, un poids de police moyen et une taille de police compacte pour un label distinct et lisible.
- Les panneaux accordéon (accordionPanel) offrent une transition fluide de la hauteur maximale sur les écrans larges pour un effet d’expansion/repli raffiné, avec un fond clair et un débordement masqué lorsqu’ils sont repliés.
- Les conteneurs accordéon (accordionWrapper) gèrent la visibilité via des transitions d’apparition progressive et assurent un rembourrage cohérent sur tous les écrans.
- Les colonnes adaptatives (columns) passent à une disposition en deux colonnes sur les écrans plus larges pour améliorer la densité du contenu tout en conservant la lisibilité.
Typographie et espacement
- La typographie utilise des polices comme Replica Std et Helvetica Neue pour un aspect moderne et épuré. Certains titres sont en majuscules avec un espacement serré des lettres pour créer une hiérarchie marquée.
- Les utilitaires d’espacement régulent les marges et les rembourrages pour maintenir un rythme cohérent entre les éléments, incluant les marges inférieures et les rembourrages internes.
- Les listes et conteneurs de contenu réinitialisent les styles et marges par défaut des listes pour garantir une mise en page soignée.
Notes sur la structure
Les règles décrites se concentrent sur la présentation de la page et n’introduisent pas de fonctionnalités supplémentaires ni d’éléments externes au-delà du cadre de style décrit.