Výkonné vedení Šablona HTML

Text a portrét pro poradenství v oblasti vedení tvoří jednu statickou sekci

Nadpis, akcentní oddělovač, doprovodný odstavec a tlačítko „více informací“ již tvoří ucelenou úvodní obsahovou oblast. Odstavec se věnuje bankovnímu financování a vztahům s bankéři, zatímco velký portrét vpravo dodává sekci lidský vizuální prvek. Tyto části společně dokážou představit úvod do poradenství v oblasti vedení, aniž by nadřazená HTML stránka musela nově vymýšlet základní uspořádání obsahu sekce.

Při použití ve statickém HTML funguje blok jako připravená sekce v rámci větší stránky nebo webu. Levá textová oblast představí téma poradenství a nasměruje návštěvníky k podrobnějším informacím, zatímco portrét vytváří výraznou vertikální protiváhu k vycentrovanému textu. Velmi světle šedé pozadí odlišuje tuto sekci od okolního obsahu a teplý červený oddělovač s tlačítkem poskytují opakující se vizuální vodítka, aniž by přebíjely tmavý patkový nadpis.

Sekce zůstává záměrně ucelená a ohraničená. Statická HTML stránka bude stále vyžadovat okolní obsah, navigaci, další sekce i případné následné cíle interakce, ale tento blok předá úvodní poradenské sdělení jako hotový celek. Díky statické interakci lze toto uspořádání snadno začlenit a zkontrolovat. Výsledkem je znovupoužitelná HTML sekce s již definovanou strukturou obsahu: nejprve téma, poté podpůrný obchodní kontext, následně cesta k dalším informacím a podél sdělení portrétní snímek.