Demo · 11 Signature · $25K
Las letras no son letras — son recortes que enmarcan otra escena. Al scrollear, la foto se mueve detrás de la palabra y la composición escala. Es el efecto cinematográfico que distingue marcas editoriales de SaaS genéricos. Sigue scrolleando para verlo.
Diseño que se siente.
El truco: background-clip:text aplica una fotografía como si fuera color de relleno de la tipografía. Las letras se vuelven recortes hacia la imagen — no hay PNGs, no hay capas — solo CSS. El JS escucha el scroll de la sección sticky, calcula progreso 0→1, y mueve background-position + scale sincronizado.
Funciona como hero principal cinematográfico, transición entre secciones del sitio, o cierre antes del CTA. La regla: la foto detrás debe tener buen contraste interno y composición clara — sin caras humanas pequeñas, sin texto, sin detalles finos que se pierdan dentro del trazo de la letra.
Lo aplico al headline principal de tu sitio en una tarde. Trae una foto de calidad y yo armo la composición.
Cotízalo por WhatsApp