Jedz najlepsze organiczne jedzenie Szablon CSS

Zielone pasy i białe karty definiują system wizualny gospodarstwa

Zasady wizualne strony najlepiej widać w sposobie, w jaki kolory i obrazy powtarzają się w różnych grupach treści. Zielony header z oznaczeniem marki wyznacza główną płaszczyznę, a zielona sekcja „O naszym gospodarstwie” powraca do tego koloru jako tło na pełną szerokość dla tekstów opisujących farmę. Jasnoniebieskie i białe obszary wprowadzają kontrast w dalszej części, zwłaszcza za trzema wyróżnionymi kartami ze świeżymi owocami, warzywami i sałatami. Zmiany te oddzielają kategorie treści, nie zaburzając naturalnego, rolniczego charakteru witryny.

Duże fotografie rolnicze stanowią kolejną spójną warstwę stylistyczną. Zdjęcia plonów, zwierząt, zbiorów i krajobrazów pojawiają się obok tekstu w dzielonych sekcjach, z kolei trzy karty metod uprawy wykorzystują naprzemienne kompozycje obrazu i tekstu. Okrągłe wycięcia kadrów w kartach kategorii produktów łagodzą otaczający je prostokątny układ, a cztery kafelki ze zdjęciami rolniczymi tworzą bardziej zwarty układ wizualny. Szeryfowe liternictwo wystawowe nadaje głównym nagłówkom mocny, redakcyjny wyraz, podczas gdy prosty tekst główny zachowuje czytelną równowagę. Swobodne odstępy wokół wyśrodkowanych grup zapobiegają wrażeniu przeładowania obrazami i kartami. Razem paleta, kontrast typograficzny, obróbka zdjęć, płaszczyzny kart, kształty oraz odstępy tworzą powtarzalny system wizualny. System ten można modyfikować za pomocą właściwości stylów, zachowując dotychczasowy układ treści oraz naturalną estetykę strony.