Nieszablonowy wygląd Szablon HTML

Dwa panele kulinarne tworzą gotową sekcję statyczną

Większy, lewy panel ma największą wagę wizualną, wykorzystując banana, żółty talerz i stojącą obok filiżankę jako jasne tło dla szeryfowego nagłówka „Tworzymy eleganckie rozwiązania”. Węższy, prawy panel zmienia rytm za sprawą subtelnego zdjęcia ananasa oraz krótkiego akapitu pomocniczego umieszczonego w jego lewym górnym rogu. Wspólnie panele te tworzą spójne wizualne wprowadzenie, a nie zbiór niepowiązanych kafelków z obrazami.

Na statycznej stronie HTML blok ten może pełnić funkcję deklaracji wstępnej lub wizualnego przejścia, podczas gdy reszta dokumentu zapewnia nawigację, dodatkową treść i dalsze działania. Jego wartość wynika z relacji między niesymetrycznymi obszarami zdjęć a przesuniętym tekstem: nagłówek zakotwicza szerszy panel w pobliżu jego dolnej krawędzi, podczas gdy akapit nadaje węższemu panelowi lżejszą rolę informacyjną. Motyw kulinarny wprowadza świeży, letni temat wizualny, nie wymagając od sekcji prowadzenia pełnej narracji biznesowej.

Jako gotowa sekcja HTML układ ten można umieścić obok innych statycznych obszarów treści i dopasować do właściwego przekazu strony. Zachowany podział zapewnia stronie czytelny wizualny punkt wejścia, a dwa różne położenia tekstu sprawiają, że kompozycja nie przypomina konwencjonalnej, wyśrodkowanej sekcji hero.