Lucía Martín
Diseñadora de producto
Carte de profil
Une carte de présentation dont l'avatar grandit au survol pendant qu'apparaissent les boutons « Suivre » et « Message ».
Réglages
Code
<div class="uv-kp"><div class="av">LM</div><h3>Lucía Martín</h3><p>Designer produit</p><div class="bt"><button>Suivre</button><button>Message</button></div></div>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
Cette carte de profil convient à toute page qui présente des personnes : la section équipe d'un studio, l'encadré auteur sous un article de blog, un annuaire de freelances ou la liste des intervenants d'une conférence. Elle affiche des initiales, un nom et un rôle. Au survol, l'avatar grandit un peu et deux boutons apparaissent, l'un affirmé, l'autre discret.
Les boutons restent cachés jusqu'au survol : sur mobile, personne ne les verra peut-être. Si le contact compte, affichez-les en permanence. Remplacez les initiales par une vraie photo dès que possible, la carte y gagne beaucoup en chaleur.