Elige tu plan de pago mensual Plantilla HTML

Tres tarjetas de planes completas forman una sección de precios estática

El encabezado y el párrafo de apoyo establecen el propósito de la sección antes de dar paso a las tres tarjetas de precios. En una página HTML estática, esta disposición se puede insertar como un área de tarifas lista para usar entre otras secciones de contenido, cumpliendo su objetivo de comparación de planes sin exigir que la página contenedora recree la estructura de tarjetas. Básico de 5 páginas, Empresa de 10 páginas e Inicio de comercio electrónico se presentan como opciones diferenciadas, cada una con un precio visible, una lista de prestaciones de cuatro líneas y un botón de compra.

El patrón repetido de las tarjetas hace que la sección resulte fácil de interpretar como contenido estático. Cada opción utiliza un cuerpo vertical de color (azul, verde azulado o rosa) debajo de un encabezado blanco de esquinas redondeadas. Los encabezados superpuestos crean un punto de partida uniforme para los nombres de los planes, mientras que los precios en tamaño destacado y las listas alineadas facilitan una rápida comparación visual. El fondo carbón oscuro enmarca las tres tarjetas como un conjunto coherente en lugar de tres bloques inconexos.

Las etiquetas y los valores corresponden a datos de muestra, por lo que la sección debe considerarse como una estructura de contenido preparada cuyos textos, importes, prestaciones y destinos de botón pueden sustituirse según el proyecto final. Su función estática reside en su cuidada composición interna: primero la introducción, después los planes comparables y, por último, una acción de compra en cada tarjeta.