NovaLume Minimalistiska LED-hänglampor med fjärrkontroll
Översikt
Följande stilregler definierar hur produktsidan presenterar NovaLume Minimalistiska LED-hänglampor med fjärrkontroll. De styr utseendet på öppna sektioner, behandlingen av sektionsrubriker, beteendet hos dragspels-paneler samt responsiv layout och typografi för att säkerställa en ren, modern presentation.
Viktiga stilfunktioner
- Det öppna tillståndet (is-open) applicerar en ljus bakgrund och horisontell utfyllnad på innehållsområden för att framhäva utvidgade sektioner.
- Sektionsfötter (section-footer__title) använder ökat bokstavsavstånd, medelvikt i typsnittet och en kompakt teckenstorlek för en tydlig, läsbar etikett.
- Dragspels-paneler (accordionPanel) erbjuder en mjuk maxhöjdstransition på större skärmar för en förfinad expandera/komprimera-effekt, med en ljus bakgrund och dold överflöd när de är hopfällda.
- Dragspels-omslag (accordionWrapper) hanterar synlighet genom toningsövergångar och säkerställer konsekvent utfyllnad över olika visningsstorlekar.
- Responsiva kolumner (columns) växlar till en tvåkolumnslayout på bredare skärmar för att förbättra innehållstäthet samtidigt som läsbarheten bibehålls.
Typografi och avstånd
- Typografin använder typsnitt som Replica Std och Helvetica Neue för ett modernt, rent utseende. Vissa rubriker är formaterade i versaler med tätt bokstavsavstånd för att skapa en tydlig hierarki.
- Avståndsverktyg reglerar marginaler och utfyllnad för att upprätthålla ett konsekvent rytm över element, inklusive bottenmarginaler och inre utfyllnader.
- List- och innehållsbehållare återställer standardliststilar och marginaler för att säkerställa en prydlig layout.
Anmärkningar om struktur
De beskrivna reglerna fokuserar på sidans presentation och introducerar inga ytterligare funktioner eller externa element utöver den beskrivna stilramen.