Nowa kolekcja powietrza Szablon HTML

Dwa zdjęcia produktów tworzą gotową sekcję kolekcji

Dwie fotografie obuwia definiują wizualny temat tej sekcji, podczas gdy fioletowy panel po prawej stronie dostarcza tekst identyfikacyjny. Wszystkie trzy kolumny o równej szerokości tworzą spójne, samodzielne wprowadzenie do kolekcji obuwia: materiał zdjęciowy zajmuje pierwsze dwa panele, a nazwa kolekcji została wyodrębniona w ostatnim panelu, zamiast nakładać ją na któreś ze zdjęć. Żółte i jasnoniebieskie tła zdjęć tworzą kontrast pomiędzy ujęciami produktów, natomiast nasycony fioletowy panel nadaje obszarowi tytułu wyraźne obramowanie wizualne.

Użyty na statycznej stronie HTML blok może zaprezentować wprowadzenie do kolekcji bez konieczności przebudowywania głównego układu strony nadrzędnej. Oznaczenie „2020” stanowi zwięzły znacznik daty nad piętrowym nagłówkiem „Nowa kolekcja Air”, a wyrównanie do prawej strony nadaje panelowi tekstowemu zamierzony kierunek czytania. Blok pozostaje jedną sekcją, dzięki czemu otaczająca go treść strony może zawierać nawigację, szczegóły produktów, informacje o zakupie lub materiały z kolejnych kolekcji. Statyczny charakter interakcji sprawia także, że sekcja skupia się na natychmiastowej identyfikacji wizualnej, a nie na slajdach, zakładkach czy rozwijanej zawartości. Przygotowaną trójkolumnową strukturę można zatem umieścić jako gotową prezentację kolekcji w ramach szerszej statycznej strony lub serwisu HTML.