Minimalistická závěsná LED svítidla NovaLume s dálkovým ovládáním
Přehled
Následující pravidla stylování určují, jak stránka produktu zobrazuje minimalistická závěsná LED svítidla NovaLume s dálkovým ovládáním. Řídí vzhled otevřených sekcí, zpracování záhlaví sekcí, chování skládacích panelů a responzivní rozvržení a typografii, aby byla zajištěna čistá a moderní prezentace.
Hlavní rysy stylování
- Otevřený stav (is-open) aplikuje světlé pozadí a vodorovné odsazení v obsahových oblastech, aby zvýraznil rozbalené sekce.
- Zápatí sekcí (section-footer__title) používají zvětšené rozestupy mezi písmeny, střední tučnost písma a kompaktní velikost písma pro výrazný a čitelný popisek.
- Skládací panely (accordionPanel) nabízejí plynulý přechod maximální výšky na větších obrazovkách pro jemný efekt rozbalení/sbalení, se světlým pozadím a skrytým přetečením při sbalení.
- Obaly skládacích panelů (accordionWrapper) řídí viditelnost pomocí přechodů prolínání a zajišťují konzistentní odsazení napříč zobrazeními.
- Responzivní sloupce (columns) přecházejí na dvousloupcové rozvržení na širších obrazovkách, aby zlepšily hustotu obsahu při zachování čitelnosti.
Typografie a rozestupy
- Typografie používá písma jako Replica Std a Helvetica Neue pro moderní a čistý vzhled. Některá nadpisy jsou stylizována velkými písmeny s těsnými rozestupy mezi znaky pro vytvoření výrazné hierarchie.
- Pomůcky pro rozestupy regulují okraje a odsazení, aby udržely konzistentní rytmus mezi prvky, včetně spodních okrajů a vnitřních odsazení.
- Seznamy a kontejnery obsahu resetují výchozí styly seznamů a okraje, aby zajistily upravené rozvržení.
Poznámky ke struktuře
Popsaná pravidla se zaměřují na prezentaci stránky a nezavádějí žádné další funkce ani vnější prvky nad rámec popsaného stylovacího rámce.