Premiumplaner HTML-mall

En komplett sektion med tre kort för statiskt prisinnehåll

Blocket samlar redan det centrala innehåll som behövs för en prisjämförelse: en centrerad rubrik med texten ”Premiumplaner”, ett förklarande stycke och tre likvärdiga kort. Standard, Business och Professional visas med angivna månadspriser på 29 $, 59 $ och 239 $. Varje kort innehåller dessutom en lista över förmåner, användartilldelning samt en knapp för att välja plan, vilket gör att sektionen tydligt förmedlar skillnaderna mellan nivåerna utan att någon ny intern layout behövs.

Raden med tre kolumner ger den statiska sektionen ett enhetligt läsmönster. Besökare kan smidigt överblicka korten och jämföra samma typer av information, där de stora centrerade priserna fungerar som omedelbara blickfång. Det cyanfärgade Business-kortet bryter av mot de övriga ljusgrå korten och skapar en tydlig tyngdpunkt i sektionen. Tunna avgränsare, versala planetiketter och svarta rektangulära knappar förstärker gränserna mellan planens identitet, pris, ingående delar och klickyta.

Som en sektion i en HTML-mall är detta block avsett att ingå i en omslutande statisk HTML-sida eller webbplats, snarare än att utgöra en komplett sida på egen hand. Omgivande innehåll kan tillhandahålla navigering, inledande sammanhang, juridisk information eller ytterligare sektioner, medan detta förberedda block fokuserar helt på sin roll som prisjämförelse. Dess styrka ligger i den färdiga presentationen av jämförelsen, inte i någon underförstådd webbhotellösning, kassa eller webbplatsomfattande funktionalitet.