La firma

¿La hiciste con raicode? Dilo en tu footer.

Es una pastilla chiquita con Rai que lleva a raicode.ai. Toma los colores de tu app solita, así que combina con cualquier diseño. Y es opcional: si no la quieres, no la pongas.

En una app clara

En una app oscura

La forma fácil: pídesela a Claude

Abre Claude Code en tu proyecto y pégale esto. Él la acomoda en tu footer y le pone el nombre de tu app al link.

Agrega en el footer de esta app la firma "Hecho con raicode.ai". Es una pastilla pequeña que es un link a raicode.ai.

Usa exactamente este código (si es React/Next usa JSX con los mismos estilos):

<a href="https://raicode.ai/?utm_source=app&utm_medium=badge&utm_campaign=NOMBRE-DEL-PROYECTO" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border:1px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:9999px;font-size:13px;line-height:1;color:inherit;text-decoration:none">
  <img src="https://raicode.ai/badge/rai.png" alt="" width="18" height="19" style="image-rendering:pixelated">
  <span>Hecho con <strong>raicode.ai</strong></span>
</a>

- Cambia NOMBRE-DEL-PROYECTO por el nombre de este proyecto, en minúsculas y con guiones. No cambies nada más del link.
- El texto y el borde toman el color de la app solos (currentColor). Ponla donde el texto sea del color secundario del footer. No agregues colores, fondos ni sombras.
- Va en el footer de las páginas que tienen footer de página (landing, login, páginas públicas), alineada con lo demás, en desktop y en celular.
- En las pantallas que funcionan como app (barra de navegación abajo, sin footer de página), NO la pongas en cada pantalla: ahí estorba. Ponla solo al final de la pantalla de ajustes, perfil o "más", si existe. Si no existe, en esas pantallas no va.
- Si la app tiene login, que también se vea en la pantalla de entrar.

Si prefieres pegar el código

Funciona en cualquier sitio. Cambia tu-app por el nombre de tu proyecto: así sabemos que la gente llegó desde tu app.

<a href="https://raicode.ai/?utm_source=app&utm_medium=badge&utm_campaign=tu-app" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border:1px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:9999px;font-size:13px;line-height:1;color:inherit;text-decoration:none"> <img src="https://raicode.ai/badge/rai.png" alt="" width="18" height="19" style="image-rendering:pixelated"> <span>Hecho con <strong>raicode.ai</strong></span> </a>

Los archivos

Por si quieres armar tu propia versión.