Minimalistyczne lampy wiszące LED NovaLume z pilotem
Przegląd
Poniższe zasady stylizacji określają sposób prezentacji strony produktu z minimalistycznymi lampami wiszącymi LED NovaLume z pilotem. Regulują wygląd otwartych sekcji, sposób traktowania nagłówków sekcji, zachowanie paneli akordeonu oraz responsywny układ i typografię, aby zapewnić czysty, nowoczesny wygląd.
Kluczowe cechy stylizacji
- Stan otwarty (is-open) stosuje jasne tło i poziome wcięcia w obszarach zawartości, aby wyróżnić rozbudowane sekcje.
- Stopki sekcji (section-footer__title) używają zwiększonego odstępu między literami, średniej grubości czcionki oraz zwartego rozmiaru czcionki dla wyraźnej, czytelnej etykiety.
- Panele akordeonu (accordionPanel) oferują płynne przejście maksymalnej wysokości na większych ekranach dla dopracowanego efektu rozwijania/zamykania, z jasnym tłem i ukrytym przepełnieniem po złożeniu.
- Obudowy akordeonu (accordionWrapper) zarządzają widocznością poprzez przejścia zanikania oraz zapewniają spójne wcięcia na różnych widokach.
- Responsywne kolumny (columns) przełączają się na układ dwukolumnowy na szerszych ekranach, aby zwiększyć gęstość treści przy zachowaniu czytelności.
Typografia i odstępy
- Typografia wykorzystuje czcionki takie jak Replica Std i Helvetica Neue dla nowoczesnego, czystego wyglądu. Niektóre nagłówki są pisane wielkimi literami z ciasnym odstępem między znakami, tworząc wyraźną hierarchię.
- Narzędzia do odstępów regulują marginesy i wcięcia, aby utrzymać spójny rytm między elementami, w tym dolne marginesy i wewnętrzne wcięcia.
- Listy i kontenery zawartości resetują domyślne style list i marginesy, aby zapewnić schludny układ.
Uwagi dotyczące struktury
Opisywane zasady koncentrują się na prezentacji strony i nie wprowadzają dodatkowych funkcji ani zewnętrznych elementów poza opisanym schematem stylizacji.