Alba Rivas
Encuadernación y tipografía
- +34 622 418 905
- Libreros 7, Salamanca
HTML + CSSCards
Letterpress business card
A cotton business card with debossed inked letters: a raking light follows the cursor and shifts the shadows of the relief.
Settings
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">Bookbinding and typography</p></div><ul><li><button type="button" class="em" data-ok="Copied">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 for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Cards
See all CardsWhere to use it
Letterpress is printing you can feel, with letters pressed into thick cotton stock. This card fakes the relief with paired text shadows driven by two registered custom properties, so the highlight and shadow sides move with the light. When idle the light circles slowly; on hover it follows the pointer. A blind monogram and a copy email button complete it.
The main color is the ink, the second the paper. Change name, role and contact lines, and keep the uppercase serif heading short so the deboss stays crisp.