Przepisy i lekcje gotowania Szablon CSS

Mroczna fotografia i wyważona stylistyka redakcyjna

Ciemna fotografia kulinarna buduje najmocniejszy kontrast wizualny w całym projekcie, zwłaszcza w sekcji otwierającej na pełną szerokość, gdzie wyśrodkowany tekst nałożono na zdjęcie. Następujące po niej jasne obszary treści dają wizualne wytchnienie przed menu i częścią artykułową, dzięki czemu sześć pozycji w karcie pozostaje w pełni czytelnych w powtarzalnym, dwukolumnowym układzie. Spójna typografia nadaje cenom, nazwom dań i opisom zrównoważoną rolę graficzną, nie rywalizując przy tym ze zdjęciami.

Na stronie zastosowano również półprzezroczyste, ciemne kafelki nałożone na zdjęcie potrawy, co pozwala wyróżnić sześć kategorii, w tym sorbety owocowe, pucharki lodowe, smoothie i napoje. Zabieg ten łączy wizualnie panel kategorii z sekcją hero, oddzielając go zarazem od jaśniejszych sekcji narracyjnych. Naprzemienne kafelki ze zdjęciami i tekstem wprowadzają zróżnicowanie gęstości oraz wyrównania dla treści opisujących historię, społeczność i filozofię. Szeryfowe nagłówki displayowe, drobne etykiety pisane wersalikami, zwarty tekst główny i obszerne marginesy powtarzają się w kolejnych przejściach, tworząc spójny system stylistyczny zamiast zbioru przypadkowych bloków.

Jako projekt zorientowany na CSS, swoją wartość czerpie z tych przejrzystych zależności między tłem, typografią, odstępami, kartami, kafelkami a rozmieszczeniem zdjęć. Ten układ wizualny można dowolnie dopracowywać, zachowując wyznaczony rytm strony – od wprowadzenia, przez menu, opowieści, recenzje, materiały kulinarne i galerię, aż po zwieńczenie w mediach społecznościowych.