Oryginalna fotografia Szablon HTML

Podzielona sekcja modowa gotowa do użycia w statycznym HTML-u

Duża fotografia modowa oraz prostokąt w stonowanym brązie skupiają uwagę wizualną sekcji, zanim użytkownik przejdzie do tekstu po prawej stronie. Ponieważ zdjęcie nachodzi na dekoracyjny kształt, lewa strona zyskuje większą głębię niż standardowy wiersz z obrazem i tekstem, podczas gdy białe tło pozostawia kompozycję otwartą wokół obu obszarów treści. Akapit dostarcza przekaz opisowy, a konturowy przycisk „Dowiedz się więcej” stanowi jeden wyraźny kolejny krok bez wprowadzania drugiego działania ani przeładowanej grupy kontrolek.

Jako gotowa sekcja na statycznej stronie HTML ten układ może pełnić funkcję wprowadzenia opartego na zdjęciu, podczas gdy reszta strony zapewnia własną nawigację i pozostałe treści. Struktura bloku jest samowystarczalna: jeden obszar z dominacją obrazu, jedna strefa tekstu opisowego, jeden prostokąt dekoracyjny i jedno działanie. Widoczne modelki w plenerze nadają sekcji modowy charakter wizualny, lecz układ ten sprawdzi się także przy innych publikacjach edytorskich opartych na obrazie, jeśli wymaga tego dana strona.

Statyczna interakcja skupia uwagę na relacji między fotografią, tekstem a przyciskiem. Równowaga horyzontalna jest szczególnie przydatna, gdy strona wymaga wyważonej sekcji w środkowej części zamiast gęstej galerii czy powtarzalnego układu kart. Treść można umieścić w projekcie statycznego HTML-a z zachowaniem pierwotnej hierarchii wizualnej bloku i skupienia na pojedynczym działaniu.