Estudio
24€/ mes
- Proyectos ilimitados
- Colaboración en equipo
- Exportación completa
HTML + CSSCards
Card de precios
Una tarjeta de plan que se eleva y se tiñe de tu color al pasar el ratón.
Ajustes
16px
1x
Código
<article class="uv-cprice"><header><i>✦</i><span>PLAN</span></header><h3>Estudio</h3><div><strong>24€</strong><small>/ mes</small></div><ul><li>Proyectos ilimitados</li><li>Colaboración en equipo</li><li>Exportación completa</li></ul><button>Elegir plan <b>→</b></button></article>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Cards
Dónde usarlo
En la página de precios es donde la gente duda, y un pequeño gesto bajo el cursor ayuda a que el plan se sienta cercano. Úsala para el plan intermedio de una herramienta de diseño o la cuota de un coworking. Esta tabla de precios en HTML y CSS lleva precio, lista de ventajas y un botón claro.
Deja el plan que quieres vender en el centro y que los demás se queden quietos; si todas se levantan, ninguna destaca. Con tres o cuatro ventajas basta: la comparativa completa va en una tabla más abajo.