Lucía Martín
Diseñadora de producto
Profilkarte mit Aktionen
Eine Personenkarte, deren Avatar beim Hover wächst, während die Buttons „Folgen“ und „Nachricht“ erscheinen.
Einstellungen
Code
<div class="uv-kp"><div class="av">LM</div><h3>Lucía Martín</h3><p>Produktdesignerin</p><div class="bt"><button>Folgen</button><button>Nachricht</button></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Karten
Wofür du ihn nutzen kannst
Diese Profilkarte passt auf jede Seite, die Menschen vorstellt: den Teambereich eines Studios, die Autorenbox unter einem Blogbeitrag, ein Verzeichnis von Freelancern oder die Speaker einer Konferenz. Sie zeigt Initialen, Namen und Rolle. Beim Hover wächst der Avatar ein Stück und zwei Buttons tauchen auf, einer auffällig, einer zurückhaltend.
Die Buttons bleiben bis zum Hover versteckt, auf dem Handy sieht sie womöglich niemand. Ist der Kontakt wichtig, zeig sie dauerhaft. Tausch die Initialen gegen ein echtes Foto, sobald du eins hast, das macht die Karte gleich viel wärmer.