Cinematic·Landings
Plantillas cinematográficas · scroll-scrub

Landings con alma de cine.

Secuencias de imágenes generadas con Gemini y dibujadas en canvas, avanzadas por el scroll —la técnica estrella de las mejores agencias— con assets propios y optimizadas a WebP. En evolución constante.

10Landings
112Frames Gemini
WebPOptimizado
60fps objetivo
Refugio · Storytelling

Refugio · Storytelling

16 planos

Intro-film narrativo: del cosmos a un refugio junto al mar y vuelta a las estrellas.

StorytellingKen BurnsWebP
Abrir
Solitaire · Diamante

Solitaire · Diamante

48 frames

Zoom continuo al fuego del diamante. La más fluida: crossfade + micro-zoom.

48 framesMicro-zoomWebP
Abrir
Sultán · Perfume

Sultán · Perfume

32 frames

Dolly-in a un frasco de oud tallado. Transición mantequilla.

32 framesCrossfadeOud
Abrir
Chronos · Reloj

Chronos · Reloj

16 frames

El primer scroll-scrub: un reloj de lujo dibujado frame a frame en canvas.

16 framesCanvasProducto
Abrir

Cinematic · 3D

R3F

Plantilla cinematográfica con una escena 3D real scrubbeada por el scroll.

R3FGSAPPin
Abrir
Volta · Studio

Volta · Studio

Editorial

ADN opuesto: claro y editorial. Tipografía cinética, bento e inversión de color. Sin scroll-scrub.

LightEditorialKinetic type
Abrir
Nøkturn · Club

Nøkturn · Club

Cyber-neón

Territorio techno: negro + cian/magenta, glitch y HUD, con una sección cinematográfica de túnel de neón embebida.

NeónGlitchCinematic section
Abrir
Higgsfield · Brutalist

Higgsfield · Brutalist

Portfolio index

Índice-portfolio brutalista con contenido real, cursor custom y preview flotante al hover sobre cada trabajo.

BrutalismCursor customContenido real
Abrir
Revue · Magazine

Revue · Magazine

Editorial

Revista editorial oxblood con View Transitions API: la portada del artículo morphea a su cabecera al abrirlo.

View TransitionsEditorialMulti-vista
Abrir
Lens · Photo studio

Lens · Photo studio

WebGL

Hero WebGL (R3F): la imagen se distorsiona y hace RGB-shift siguiendo el cursor. Galería con hover-distort.

WebGLShaderCursor-reactive
Abrir