Dobry nastrój dobre jedzenie Szablon CSS

Ciepłe żółte akcenty łączą fotografię kulinarną z blokami kategorii

Ciepłe żółte akcenty, blade szare geometryczne kształty, delikatne linie podziału i duża ilość białej przestrzeni tworzą główny styl tej strony poświęconej sprzedaży detalicznej żywności. Pogrubione, skondensowane nagłówki nadają produktom sklepu silny, redakcyjny charakter, a duże zdjęcia potraw zapewniają wizualne ciepło, którego nie zapewnia sama typografia. Zdjęcie miski na początku, galeria ośmiu kafelków i zdjęcia posiłków powtarzają ten sam nacisk na zbliżenia potraw w różnych sekcjach.

Sześć kategorii wprowadza bardziej uporządkowany układ wizualny. Mięso, ryby, warzywa, owoce, słodycze i soki są ułożone jako równomiernie rozmieszczone jednostki ikon i tekstu, tworząc użyteczny kontrast z asymetrycznymi kompozycjami obrazów i tekstu w innych częściach strony. Jasne tła i wąskie linie akcentujące oddzielają treści objaśniające, nie przytłaczając strony, szczególnie w sekcji poświęconej jakości składników i mięsu hodowanemu bez antybiotyków i dodanych hormonów.

Jako projekt zorientowany na CSS, wartość szablonu tkwi w powtarzalnych relacjach: wyraźnej skali nagłówków w stosunku do otwartej przestrzeni, nacisku na obrazy obok oszczędnych paneli tekstowych oraz spójnego traktowania elementów kategorii. Kolory, obramowania, odstępy, kształty tła i typografia mogą być zatem dostosowywane, przy jednoczesnym zachowaniu rozpoznawalnego wyglądu sklepu spożywczego oraz istniejącej sekwencji: wprowadzenia do sklepu, wysokiej jakości wyjaśnień, kategorii, przepisów, wygody i treści rekomendacyjnych.