Lampade a sospensione LED minimaliste NovaLume con telecomando
Panoramica
Le seguenti regole di stile definiscono come la pagina prodotto presenta le lampade a sospensione LED minimaliste NovaLume con telecomando. Regolano l'aspetto delle sezioni aperte, il trattamento delle intestazioni di sezione, il comportamento dei pannelli a fisarmonica e il layout e la tipografia responsivi per garantire una presentazione pulita e moderna.
Caratteristiche principali dello stile
- Lo stato aperto (is-open) applica uno sfondo chiaro e un'imbottitura orizzontale alle aree di contenuto per evidenziare le sezioni espanse.
- I piè di pagina delle sezioni (section-footer__title) utilizzano un aumento della spaziatura tra le lettere, un peso medio del carattere e una dimensione compatta del font per un'etichetta distinta e leggibile.
- I pannelli a fisarmonica (accordionPanel) offrono una transizione fluida dell'altezza massima su schermi più grandi per un effetto raffinato di espansione/collasso, con uno sfondo chiaro e overflow nascosto quando sono chiusi.
- I contenitori a fisarmonica (accordionWrapper) gestiscono la visibilità tramite transizioni di dissolvenza e garantiscono un'imbottitura coerente tra i diversi dispositivi.
- Le colonne responsive (columns) passano a un layout a due colonne su schermi più ampi per migliorare la densità dei contenuti mantenendo la leggibilità.
Tipografia e spaziatura
- La tipografia utilizza font come Replica Std e Helvetica Neue per un aspetto moderno e pulito. Alcune intestazioni sono stilizzate in maiuscolo con spaziatura tra le lettere ridotta per creare una gerarchia audace.
- Le utility di spaziatura regolano margini e imbottiture per mantenere un ritmo coerente tra gli elementi, inclusi margini inferiori e imbottiture interne.
- Le liste e i contenitori di contenuto azzerano gli stili e i margini predefiniti delle liste per garantire un layout ordinato.
Note sulla struttura
Le regole descritte si concentrano sulla presentazione della pagina e non introducono funzionalità aggiuntive o elementi esterni oltre al framework di stile descritto.