Saltar al contenido
Gataca Sites

GATACA / PÁGINA

LUMORA Gradient Hero

Un hero limpio con una interacción que invita a explorar

LUMORA Gradient Hero propone una cabecera premium de lectura inmediata para webs de servicios, estudios, productos digitales o marcas personales. El fondo degradado, la iluminación suave y los paneles translúcidos mantienen la composición clara y contemporánea.

La escena incorpora una gran esfera formada por partículas: gira y separa los puntos próximos al pasar el cursor. Cualquier clic dentro del HERO —sobre la esfera, el menú, los botones o el fondo— genera una expansión que vuelve suavemente a su forma sin bloquear la acción pulsada. En móvil responde al toque. El efecto se pausa fuera de pantalla y respeta la preferencia de movimiento reducido.

El logo bicolor, el H1, el párrafo y los dos CTA se mantienen como HTML real para facilitar indexación, accesibilidad y edición posterior. El resultado combina claridad, rendimiento y una interacción visual reconocible.

GATACA / PÁGINA

VELTRA Audio Hero

Un hero de producto pensado para vender y destacar marca

VELTRA Audio Hero propone una portada premium para ecommerce o campañas de tecnología, audio y lifestyle. La pieza se apoya en un fondo verde oscuro con degradados controlados, un gran producto en el lado derecho y una jerarquía tipográfica que mezcla un titular geométrico con una palabra gestual en acento lima.

La cabecera combina una marca centrada, un menú principal dentro de una cápsula clara y un bloque de iconos minimalistas para bolsa, favoritos y cuenta. El cuerpo principal presenta un kicker fino, un H1 de gran impacto, texto de apoyo, CTA primario, acceso a vídeo/historia y una fila de beneficios con iconografía circular. En la parte inferior se suma una navegación de categorías para reforzar el lenguaje de tienda.

El resultado debe sentirse limpio, luminoso, tecnológico y comercial sin caer en el estilo SaaS. La demo se resuelve con HTML, CSS y JavaScript ligero para el menú móvil. Los elementos principales aparecen de forma secuencial mediante un fade puro de 0 a 100% de opacidad, uno detrás de otro, manteniendo una composición estable, accesible y perfectamente reutilizable en marcas de electrónica, audio, moda o producto premium.