Body Šablona HTML

Hotová tříkroková sekce pro obsah statické HTML stránky

Vycentrovaný nadpis a doprovodný odstavec určují účel sekce ještě předtím, než začnou podrobnosti samotného procesu. Pod nimi tři rovnoměrně rozmístěné karty poskytují samostatné obsahové plochy pro Krok 1, Krok 2 a Krok 3. Každá karta využívá stejné vnitřní uspořádání – ikonu, štítek psaný velkými písmeny a popisný text –, takže sekce dokáže představit navazující fáze, aniž by okolní stránka musela zajišťovat základní strukturu procesu.

Kruhové šipky vytvářejí mezi kartami viditelnou návaznost. Jasně ukazují, že fáze tvoří uspořádanou posloupnost, zatímco světle šedé plochy odlišují jednotlivé kroky od bílého pozadí. V kontextu statického HTML je díky tomu blok velmi užitečný jako připravená zóna „jak to funguje“ v rámci širší stránky či webu. Okolní řešení může zajistit navigaci, další sekce a celkový kontext stránky, zatímco tento blok nese samotné vysvětlení procesu.

Protože je interakce statická, sekce předává informace pomocí rozestupů, opakující se struktury karet, ikon, štítků a směrových prvků namísto ovládacích prvků či měnících se stavů. Její hotové uspořádání lze vložit do statické stránky a následně upravit pomocí vlastních textů, ikon, barev a rozměrů projektu, aniž by se změnil základní tříkrokový vztah.