Estudio
24€/ mes
- Proyectos ilimitados
- Colaboración en equipo
- Exportación completa
HTML + CSSCartes
Carte de tarif
Une carte d'abonnement qui se soulève avec un halo coloré au survol, la flèche du bouton filant vers le paiement.
Réglages
16px
1x
Code
<article class="uv-cprice"><header><i>✦</i><span>PLAN</span></header><h3>Studio</h3><div><strong>24€</strong><small>/ mes</small></div><ul><li>Projets illimités</li><li>Collaboration en équipe</li><li>Export complet</li></ul><button>Choisir l’offre <b>→</b></button></article>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Cartes
Où l’utiliser
C'est sur la page des tarifs que l'on hésite, et un léger soulèvement sous le curseur rend l'offre plus accessible. Utilisez-la pour la formule intermédiaire d'un outil de design ou l'abonnement à un espace de coworking. Cette carte de prix en HTML et CSS réunit le tarif, une liste d'avantages et un bouton bien visible.
Placez au centre la formule que vous voulez vendre et laissez les autres immobiles : si toutes les cartes bougent, aucune ne ressort. Trois ou quatre avantages suffisent ; le comparatif complet a sa place dans un tableau plus bas.