Las bases del nuevo sitio de Algroup.
Esta página verifica que el sistema de diseño y las tres librerías clave —Three.js, GSAP y Lenis— quedaron bien instaladas. Desliza para revisar cada pieza.
Paleta de color de marca
Tomada directamente del manual de marca. Azul y morado como ejes; lavanda para fondos suaves.
Tipografía
Outfit para titulares (geométrica, redondeada) e Inter para textos largos (neutra, alto desempeño digital).
Algroup es la casa matriz que construye y desarrolla marcas de alimentos y bebidas con identidad local, diseño actual y vocación de escala. El texto largo se lee cómodo, con jerarquía clara y un tono sobrio y optimista.
Motor 3D — botella paramétrica
Construida con geometría rotada (LatheGeometry), sin software de modelado externo. Arrástrala con el mouse para girarla.
Tu equipo no tiene WebGL disponible.
Aquí se mostraría una imagen de respaldo de la botella.
Animaciones y scroll suave
Cada tarjeta aparece de forma escalonada al entrar en pantalla. El scroll de toda la página es suavizado por Lenis.
Reveal al scroll
Aparición de texto e imágenes activada por ScrollTrigger.
Scroll suave
Lenis interpola el desplazamiento para un movimiento fluido.
Banda en marquee
Texto en bucle infinito, base para el tagline animado de la home.
Listo para 3D
El scroll podrá controlar la botella en las próximas fases.
Verificación de fundaciones
Si ves esta página con colores, tipografía, la botella 3D girando y las tarjetas apareciendo al hacer scroll, las fundaciones quedaron correctas.