Süti, pogácsa és egyéb HTML Sablon

Három desszertlista alkot egy kész statikus szakaszt

A középre igazított „Édességek” címsor és a három kategóriakártya már önmagában egy összefüggő termékkategória-szakaszt alkot egy statikus HTML-oldal számára. A Kekszek, Scone-ok és Egyéb különálló tartalomcsoportokként jelennek meg: öt tétel található az első listában, három a másodikban és öt a harmadikban. Ez elegendő belső lefedettséget biztosít a szakasznak egy desszertmenü-terület megjelenítéséhez anélkül, hogy a környező oldalnak újra fel kellene építenie annak alapvető felépítését.

A teljes szélességű ételfotó biztosítja a vizuális környezetet, míg a sötét fedőréteg megóvja a címsor és a fehér, lekerekített kártyák kontrasztját. A kártyasor így felismerhető menüösszetevőként illeszkedhet a többi statikus HTML-szakasz közé. Szerkezete a szakasz szintjén önálló: egy címsor vezeti be a témát, egyforma kártyák osztják fel a kategóriákat, tömör szöveges listák nyújtják a részleteket, a kép forrásmegjelölése pedig a fő tartalom alatt marad.

Egy kiterjedtebb statikus oldalon a szomszédos szakaszok navigációt, bevezető információkat, rendelési adatokat vagy kapcsolatfelvételi tartalmat biztosítanának. Ennek a blokknak nem kell ellátnia ezeket a feladatokat. Szerepe jóval fókuszáltabb: egy pékség, kávézó vagy desszertközpontú oldal számára nyújt előkészített felületet a kategóriaalapú termékinformációkhoz, ahol a fotós háttér és az ismétlődő kártyastílus eleve összehangolja a megjelenést.