Meta · el sitio que se explica a sí mismo

Cómo se construyó este sitio

GamaStudio es la división creativa de GamaLabs. Este sitio es su propia carta de presentación: lo construyó IA respetando la identidad real de la marca y elevándola con scrollytelling y efectos de mouse.

Respetamos la marca real

• Logo: se reusó tal cual la marca de apertura roja del sitio original.
• Paleta: rojo #EF4444 + salmón #FCA5A5 sobre near-black #0A0508 — los colores exactos de la marca.
• Tipografía: Outfit (display) + Inter (body), las mismas del sitio real.
• Copy real: "Diseño estratégico para cada punto de contacto", los 6 servicios, los proyectos y precios reales.

Los efectos (scrollytelling + mouse)

• Hero: una apertura roja en canvas que ecoa el logo — líneas radiantes y puntos orbitando, reactivos al cursor. Título cinético que sube palabra por palabra con blur.
• Portafolio: scroll horizontal pinneado (GSAP) — los proyectos se deslizan en X mientras bajas; cada card con tilt 3D.
• Global: cursor personalizado que crece sobre lo interactivo, luz que sigue al mouse, botones magnéticos, marquee de herramientas y contadores.

Stack

HTML/CSS/JS vanilla + GSAP/ScrollTrigger. Cero imágenes generadas — los proyectos son cards diseñadas (fiel al sitio original). Todo respeta prefers-reduced-motion y funciona en móvil. Hosting en GitHub Pages.

¿Quieres uno así para tu marca? Cuéntanos tu proyecto →