Překrývající se cenová tabulka Šablona HTML

Hotová statická sekce pro srovnání tarifů

Nadpis, doprovodný odstavec, žlutý vodorovný akcent a dvě ceníkové karty již tvoří jednu ucelenou srovnávací oblast pro statickou HTML stránku. Varianty Basic a Professional jsou uspořádány v jednom řádku, což návštěvníkům umožňuje porovnávat zobrazené ceny a limity bez nutnosti přecházet mezi oddělenými částmi obsahu. Karta Basic uvádí 19,99 $, 5 uživatelů a 20 projektů; karta Professional uvádí 199,99 $, 100 uživatelů a 100 projektů. Obě karty jsou zakončeny tlačítkem „Objednat nyní“.

Při použití jako HTML šablona tento blok zajišťuje základní uspořádání obsahu pro ceníkovou sekci, nikoli pro celou statickou stránku. Nadřazená stránka může mít vlastní úvod, navigaci, doplňující vysvětlení, krok dokončení objednávky nebo kontaktní informace. V tomto širším kontextu blok udržuje porovnání plánů přehledné a vizuálně odlišené díky světle šedému a jasně žlutému provedení karet.

Statické uspořádání je praktické i tehdy, když okolní projekt vyžaduje jasně ohraničenou ceníkovou oblast, aniž by bylo nutné srovnání navrhovat od začátku. Vycentrovaná černá typografie usnadňuje zběžné čtení, žlutý akcent vyznačuje přechod od vysvětlení k variantám a fialová tlačítka určují opakovanou akci. Blok se proto může nacházet mezi ostatními sekcemi stránky, přičemž si zachovává svůj ceníkový účel i strukturu dvou karet.