Alba Rivas

Encuadernación y tipografía

  • +34 622 418 905
  • Libreros 7, Salamanca
HTML + CSSKarten

Visitenkarte im Letterpress-Druck

Eine Visitenkarte aus Baumwollpapier mit eingeprägter Schrift: Streiflicht folgt dem Cursor und verschiebt die Schatten der Prägung.

Einstellungen

16px
1x

Code

<article class="uvq07-lp"><span class="mg" aria-hidden="true">AR</span><div class="tx"><h3>Alba Rivas</h3><p class="rl">Buchbinderei und Typografie</p></div><ul><li><button type="button" class="em" data-ok="Kopiert">alba@rivas.studio</button><span class="ok" aria-live="polite"></span></li><li>+34 622 418 905</li><li>Libreros 7, Salamanca</li></ul></article>

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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Karten

Alle ansehen: Karten

Wofür du ihn nutzen kannst

Letterpress ist Druck zum Anfühlen, mit Buchstaben, die in dicken Baumwollkarton gepresst sind. Diese Karte simuliert die Prägung mit gepaarten Textschatten, die von zwei registrierten Custom Properties abhängen, sodass Licht- und Schattenseite mit der Lichtquelle wandern. Im Ruhezustand kreist das Licht langsam, beim Überfahren folgt es dem Zeiger. Ein Blindprägungs-Monogramm und ein Button zum Kopieren der E-Mail runden sie ab.

Die Hauptfarbe ist die Druckfarbe, die zweite das Papier. Ändere Name, Beruf und Kontaktzeilen und halte die Überschrift in Versalien kurz, damit die Prägung klar bleibt.