NovaLume Minimalistische LED-Pendelleuchten mit Fernbedienung
Übersicht
Die folgenden Stilregeln definieren, wie die Produktseite die NovaLume Minimalistische LED-Pendelleuchten mit Fernbedienung präsentiert. Sie steuern das Erscheinungsbild offener Abschnitte, die Behandlung von Abschnittsüberschriften, das Verhalten von Akkordeon-Panels sowie das responsive Layout und die Typografie, um eine klare, moderne Darstellung zu gewährleisten.
Wichtige Stilmerkmale
- Der offene Zustand (is-open) wendet einen hellen Hintergrund und horizontale Innenabstände auf Inhaltsbereiche an, um erweiterte Abschnitte hervorzuheben.
- Abschnitts-Footer (section-footer__title) verwenden vergrößerten Buchstabenabstand, mittlere Schriftstärke und eine kompakte Schriftgröße für ein deutliches, gut lesbares Label.
- Akkordeon-Panels (accordionPanel) bieten auf größeren Bildschirmen einen sanften max-Höhen-Übergang für einen eleganten Ein-/Ausklappeffekt, mit hellem Hintergrund und verborgenem Überlauf im eingeklappten Zustand.
- Akkordeon-Wrapper (accordionWrapper) steuern die Sichtbarkeit durch Einblend-Übergänge und sorgen für konsistente Innenabstände über verschiedene Ansichten hinweg.
- Responsive Spalten (columns) wechseln auf breiteren Bildschirmen zu einem Zwei-Spalten-Layout, um die Inhaltsdichte zu erhöhen und gleichzeitig die Lesbarkeit zu erhalten.
Typografie und Abstände
- Die Typografie verwendet Schriftarten wie Replica Std und Helvetica Neue für ein modernes, klares Erscheinungsbild. Einige Überschriften sind in Großbuchstaben mit engem Buchstabenabstand gestaltet, um eine starke Hierarchie zu schaffen.
- Abstands-Utilities regeln Ränder und Innenabstände, um einen konsistenten Rhythmus über die Elemente hinweg zu gewährleisten, einschließlich unterer Ränder und innerer Abstände.
- Die Listen- und Inhaltscontainer setzen Standard-Listenstile und Ränder zurück, um ein ordentliches Layout sicherzustellen.
Hinweise zur Struktur
Die beschriebenen Regeln konzentrieren sich auf die Seitenpräsentation und führen keine zusätzlichen Funktionen oder externe Elemente über das beschriebene Stilrahmenwerk hinaus ein.