Konzultační proces Šablona HTML

Čtyři ilustrované karty vytvářejí hotovou sekci poradenského procesu

Vycentrovaný popisek „Co děláme“ a nadpis „Proces poradenství“ vymezují účel sekce ještě před začátkem opakujícího se obsahu. Pod nimi čtyři stejně velké bílé karty prezentují proces jako sled zřetelných kroků namísto jednoho souvislého odstavce. Každá karta zachovává stejné vnitřní uspořádání: perokresbu nad titulkem, doplňující popis a obrysový prvek Více. Viditelné titulky – Definice problému, Strukturování problému, Plán analýzy a Spokojení zákazníci – poskytují statické sekci snadno rozpoznatelné obsahové celky, přičemž čtvrtý titulek plní roli označení karty, nikoli doloženého výsledku klienta.

Při použití na statické HTML stránce dokáže tento blok nést ucelené sdělení o poradenském procesu jako samostatná sekce, zatímco zbytek stránky zajišťuje navigaci, úvodní texty a navazující kontaktní či podrobné pasáže. Světle modré pozadí odděluje sekci od okolního obsahu a tmavě modrozelené nadpisy s tlumenými akvamarínovými prvky posilují vizuální hierarchii. Zaoblené rohy, decentní stíny, zarovnání na střed a štědré rozestupy zaručují, že čtyři karty zůstávají čitelné jako sladěná řada. Uspořádání je tak plně připraveno na úrovni sekce: má hotovou obsahovou strukturu i vizuální uspořádání, přitom však zůstává znovupoužitelnou součástí nadřazené HTML stránky či webu.