Obsidian Pricing

Precios oscuros con estructura horizontal

Obsidian Pricing cambia por completo el lenguaje visual de una tabla de precios tradicional. En lugar de tarjetas verticales, organiza cada plan como una franja horizontal de gran formato sobre un fondo negro carbón, con una rejilla técnica muy sutil y acentos violeta y naranja.

El plan recomendado rompe la secuencia con un bloque violeta de alto contraste, mientras los demás niveles permanecen integrados en el fondo mediante líneas finas. La información se distribuye por columnas: nombre, descripción, precio, beneficios y CTA, facilitando una lectura rápida sin recurrir a cajas repetitivas.

El selector mensual/anual actualiza los importes con JavaScript mínimo y accesible. La sección es completamente responsive, conserva el estado mensual si JavaScript falla y respeta prefers-reduced-motion.