G/S — 311 / PREMIUM
Obsidian Pricing
Sección de precios oscura con planes en filas horizontales, acento violeta y naranja y selector mensual/anual de estética técnica.
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.
DEMO / EN VIVO
Previsualiza
DEMO / LISTA PARA CARGAR
PROMPT MAESTRO / PREMIUM
Constrúyelo.
Obtén las instrucciones de dirección artística, estructura, comportamiento y tecnología necesarias para recrear una experiencia equivalente con tu herramienta de desarrollo asistido por IA.