Első és második iroda HTML Sablon

Számozott kiemelések és cikkszöveg alkotnak statikus szakaszt

A kétoszlopos elrendezés határozott szerepet biztosít ennek a szakasznak a statikus HTML-oldalon belül. A bal oldalon két számozott kiemelés helyezkedik el egymás alatt függőlegesen, az első kiemelés szövege alatt pedig egyetlen álló tájolású kép található. A jobb oldalon két bekezdésnyi cikkszöveg alkotja a fő olvasási területet, amelyet egy telefonos kapcsolatfelvételi lehetőség követ. Ezek a részek együttesen kész szerkesztői vagy tájékoztató jellegű struktúrát nyújtanak anélkül, hogy a környező oldalt át kellene alakítani a blokk köré.

A vizuális hierarchia szintén hozzátartozik ahhoz, amit ez a kész szakasz nyújt. A sárga négyzeteknek köszönhetően a 01-es és 02-es jelölők könnyen megkülönböztethetők a fekete szövegtől, míg a fehér háttér és a bőséges térközök megakadályozzák, hogy a két oldal elvonja egymástól a figyelmet. A kompakt portrékép emberi vizuális támpontot nyújt anélkül, hogy kiszorítaná a hosszabb szöveget. Mivel az interakció statikus, a szakasz értéke nem fülekből, csúszkákból vagy kinyitható tartalmakból, hanem a világos csoportosításból és olvasási sorrendből ered.

Egy statikus HTML-oldalba vagy webhelybe illesztve ez a blokk önálló információs szakaszként szolgálhat, miközben a szomszédos szakaszok a navigációt, a bevezetőket, a további tartalmakat vagy a láblécet biztosítják. A telefonszámos hivatkozás közvetlen kapcsolatfelvételi lehetőséget nyújt az elrendezésben, a blokk azonban mindvégig újrahasználható szakasz marad, nem pedig egy teljes oldal. Rögzített tartalmi viszonyai révén ideális megoldást jelent, ha egy projektben a szerkesztői szöveget számozott útmutatással és egy azt kiegészítő portréval kell egyensúlyba hozni.