Klasická cenová tabulka Šablona HTML

Tři cenové karty tvoří hotovou statickou sekci

Tři stejně široké karty již obsahují základní uspořádání pro přehledné srovnání nabídek v cenové sekci. Tarify Basic, Business a Professional se nabízejí jako souběžné volby, přičemž každá karta dodržuje stejnou vnitřní skladbu: název tarifu, informace o měsíční fakturaci, doplňující popis a tlačítko nákupu. Toto pravidelné uspořádání zaručuje skvělou čitelnost sekce mezi ostatním obsahem na statické HTML stránce, protože návštěvníci mohou porovnávat ekvivalentní údaje, aniž by si museli u každé varianty zvykat na jiné rozvržení.

Vizuální zpracování tuto samostatnou úlohu ještě podtrhuje. Bílé karty vystupují z tmavě modrofialového pozadí sekce, vycentrovaná typografie udržuje hierarchii cen zřetelnou a velkorysé mezery zachovávají oddělení tří nabízených voleb. Zaoblená růžová tlačítka vytvářejí opakující se pobídku k akci, aniž by měnila informační hodnotu samotných karet. Ukázkové ceny a doprovodné texty poskytují strukturální vzor celé sekce; lze je nahradit finálním obsahem projektu, přičemž logika porovnání zůstane plně zachována.

Při použití na statické HTML stránce může blok zaujmout místo uprostřed stránky jako prostor pro rozhodování mezi vysvětlujícím obsahem a navazující sekcí pro reakci či kontakt. Okolní stránka zajistí navigaci a širší souvislosti, zatímco tato předpřipravená sekce se plně soustředí na porovnání tarifů a nasměrování každé volby k odpovídajícímu nákupu.