Minimalistyczne lampy wiszące LED NovaLume z pilotem
Przegląd
Następujące 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ć czystą, nowoczesną prezentację.
Kluczowe cechy stylizacji
- Stan otwarty (is-open) stosuje jasne tło i poziome wypełnienie w obszarach treści, aby wyróżnić rozwinięte 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 i zapewniają spójne wypełnienie 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ą stylizowane wielkimi literami z ciasnym odstępem między znakami, tworząc wyraźną hierarchię.
- Narzędzia do odstępów regulują marginesy i wypełnienia, aby utrzymać spójny rytm między elementami, w tym dolne marginesy i wewnętrzne wypełnienia.
- Listy i kontenery treś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 elementów zewnętrznych poza opisanym frameworkiem stylizacji.