NovaLume Minimalistische LED-Hängeleuchten mit Fernbedienung

Überblick

Die folgenden Gestaltungsregeln legen fest, wie die Produktseite die NovaLume Minimalistische LED-Hängeleuchten mit Fernbedienung darstellt. Sie bestimmen das Erscheinungsbild geöffneter Abschnitte, die Behandlung von Abschnittsüberschriften, das Verhalten von Akkordeonfeldern sowie das ansprechende Layout und die Typografie, um eine klare, moderne Präsentation zu gewährleisten.

Wesentliche Gestaltungsmerkmale

• Der geöffnete Zustand (is-open) verwendet einen hellen Hintergrund und horizontale Abstände in den Inhaltsbereichen, um erweiterte Abschnitte hervorzuheben.
• Abschnittsfußzeilen (section-footer__title) nutzen vergrößerten Buchstabenabstand, mittlere Schriftstärke und eine kompakte Schriftgröße für eine deutliche, gut lesbare Beschriftung.
• Akkordeonfelder (accordionPanel) bieten auf größeren Bildschirmen einen sanften Übergang der maximalen Höhe für einen feinen Ein- und Ausklappeffekt, mit hellem Hintergrund und verborgenem Überlauf im eingeklappten Zustand.
• Akkordeonhüllen (accordionWrapper) steuern die Sichtbarkeit durch Einblendeffekte und sorgen für gleichmäßige Abstände über alle Ansichten hinweg.
• Reaktionsfähige Spalten (columns) wechseln auf breiteren Bildschirmen zu einem zweispaltigen Layout, um die Inhaltsdichte zu erhöhen und gleichzeitig die Lesbarkeit zu bewahren.

Typografie und Abstände

• Die Schriftgestaltung verwendet Schriften wie Replica Std und Helvetica Neue für ein modernes, klares Erscheinungsbild. Einige Überschriften sind in Großbuchstaben mit engem Buchstabenabstand gestaltet, um eine markante Hierarchie zu schaffen.
• Abstandsregler steuern Ränder und Innenabstände, um einen gleichmäßigen Rhythmus zwischen den Elementen zu gewährleisten, einschließlich unterer Ränder und Innenabstände.
• Die Listen- und Inhaltscontainer setzen Standardlistenstile 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 den beschriebenen Gestaltungsrahmen hinaus ein.