Alba Rivas

Encuadernación y tipografía

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

Tarjeta de visita en relieve

Una tarjeta de algodón con letras hundidas en tinta: la luz rasante sigue al cursor y mueve las sombras del relieve.

Ajustes

16px
1x

Código

<article class="uvq07-lp"><span class="mg" aria-hidden="true">AR</span><div class="tx"><h3>Alba Rivas</h3><p class="rl">Encuadernación y tipografía</p></div><ul><li><button type="button" class="em" data-ok="Copiado">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 para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Cards

Ver todos: Cards

Dónde usarlo

La impresión tipográfica en relieve se nota con los dedos, con letras hundidas en cartulina gruesa de algodón. Esta tarjeta simula el relieve con pares de sombras de texto que dependen de dos propiedades registradas, así que la luz y la sombra cambian de lado. En reposo la luz gira despacio y al pasar el ratón lo sigue. Completan la tarjeta un monograma sin tinta y un botón de copiar.

El color principal es la tinta y el secundario el papel. Cambia nombre, oficio y datos de contacto, y deja corto el titular en mayúsculas para que el relieve se vea nítido.