Szövegkeret HTML Sablon

Kész bevezető szekció statikus HTML-oldalakhoz

A felülcím, a főcím, a kísérő bekezdés és a két gomb már egyetlen kész bevezető tartalmi egységként működik együtt. A felül elhelyezett kisméretű címke belépési pontot teremt, a nagyméretű főcím közvetíti a központi üzenetet, a bekezdés pedig kibontja azt anélkül, hogy megbontaná az egységes területi elrendezést. Alatta a „További információk” és az „Élő demó” feliratok két műveletet határoznak meg, amelyek között egy kitöltött és egy körvonalas lekerekített gomb teremt egyértelmű vizuális különbséget.

Egy statikus HTML-oldalon belül ez a blokk hordozhatja egy adott oldal vagy egy hosszabb tartalomfolyam bevezetését úgy, hogy önálló szekció marad, és nem válik a teljes weboldallá. A teljes szélességű narancssárga, rózsaszín és lila színátmenet határozott vizuális átmenetet képez a környező tartalom felé, a fehér betűk pedig kiválóan olvashatók maradnak a háttéren. A balra igazítás és a bőséges vízszintes térköz egyúttal világos határvonalat képez a bevezető terület és a lehetséges további szekciók között. Egy statikus implementáció így önálló hero elrendezésként használhatja újra a blokkot, miközben a befoglaló oldal biztosítja a navigációt, a kiegészítő információkat és a tágabb dokumentumstruktúrát. A blokk igazi értéke az üzenet, a vizuális tér és a páros műveletek előre összehangolt kapcsolatában rejlik.