Ilustracja i dużo tekstu Szablon HTML

Sekcja O nas z wiodącą ilustracją dla statycznego HTML

Wyśrodkowana ilustracja zajmuje górną część bloku i zapewnia sekcji natychmiastowe wizualne wprowadzenie, zanim odwiedzający przejdą do treści pisanej. Poniżej dwukolumnowy układ przekształca treść sekcji „O nas” w dwie powiązane ścieżki czytania: czteropunktowa lista po lewej stronie przedstawia zwięzłe punkty wspierające, podczas gdy prawa kolumna zawiera nagłówek i dwa akapity tekstu objaśniającego. Taka relacja nadaje sekcji większy ciężar wizualny niż pojedyncza kolumna tekstu, bez konieczności wprowadzania interaktywnych kontrolek czy skomplikowanych zachowań.

Jako gotowa sekcja na statycznej stronie HTML blok ten może posłużyć do przedstawienia organizacji lub firmy, podczas gdy reszta strony zapewnia nawigację i inne obszary treści. Białe tło oraz przestronne odstępy sprawiają, że ilustracja, lista i akapity pozostają wyraźnie wyodrębnione. Ciemny, zwarty tekst tworzy czytelną bazę do lektury, a pomarańczowe akcenty subtelnie wyróżniają listę, nie przytłaczając ilustracji. Ponieważ informacja o źródle grafiki stanowi element treści sekcji, może pozostać przy ilustracji po osadzeniu bloku na stronie docelowej. Układ ten idealnie nadaje się zatem do statycznej sekcji „O nas”, której treść można edytować, zachowując nienaruszoną relację dwóch kolumn.