Vaření online Šablona webové stránky

Znovupoužitelná vizuální sekce pro kulinářský obsah webu

Blok vytváří ucelenou obsahovou oblast: vycentrovaný úvod „Naučte se vařit online“ doplněný o galerii receptů s možností procházení. Tři viditelné obrázkové dlaždice tvoří opakovatelný vizuální vzor, který lze využít kdekoli v rámci webu, kde je potřeba prezentovat kulinářské fotografie bez nutnosti navrhovat pro každou stránku nové rozvržení. HTML obsahuje dva snímky po třech obrázcích, takže sekce má definovaný model procházení, který pojme více než jen výchozí řadu.

Ovládací prvky pro posun zpět a vpřed zajišťují soběstačnost galerie, zatímco lightbox otevírá cestu k detailnímu zobrazení jednotlivých obrázků. Tlačítko „Číst dál“ pod galerií poskytuje samostatný bod návaznosti, který dokáže tuto vizuální sekci propojit s informacemi o lekcích, recepty nebo jakoukoli jinou relevantní částí obsahu v rámci projektu. Díky těmto vazbám blok funguje jako cílená sekce webu, nikoli jako nepřehledný kontejner pro všechny funkce spojené s vařením.

V kontextu rozsáhlejšího webového projektu může blok bez problémů ladit s úvodními sekcemi, lekcemi, recepty či kontakty, přičemž si zachovává svůj vlastní nadpis, rytmus obrázků, ovládací prvky i umístění akčních prvků. Bílé pozadí, vycentrovaná černá typografie, velkorysý volný prostor, černé kruhové ovládací prvky a kompaktní tmavé tlačítko mohou sloužit i jako konzistentní designový prvek pro související obsah. Celý projekt vytváří širší strukturu stránky a webu; tento blok přináší snadno rozpoznatelný vzor galerie.