Axiom

Sobre Este Template

Axiom es una plantilla académica y arquitectónica para agencias de IA, estudios de ML y consultoras técnicas — un laboratorio del MIT cruzado con una agencia creativa de alto nivel. Diez rutas cubren inicio, índice de servicios y sus fichas de detalle, índice de proyectos y casos de estudio, índice de blog y artículo, sobre nosotros, contacto y un 404. El hero es "The Rift": el titular se renderiza dos veces y se recorta en mitad superior e inferior, y un ScrollTrigger con pin las separa mientras un canvas de red neuronal interactivo se desvanece y una imagen de fondo entra desde la izquierda con clip-path. Al pasar el cursor por el hero, el titular se desordena y se vuelve a componer con GSAP ScrambleText. Tres skins en tiempo de ejecución — Parchment, Obsidian y Chalk — se cambian desde un selector flotante y quedan guardadas en localStorage.

Firma

"The Rift" renderiza el titular del hero dos veces, recortando una copia a la mitad superior de la pantalla y la otra a la inferior. Un ScrollTrigger con pin y scrub las separa — la de arriba hacia arriba, la de abajo hacia abajo — mientras el canvas de red neuronal interactivo que hay detrás se desvanece y una fotografía de fondo entra desde la izquierda con un clip-path inset. El resultado es una página que se abre físicamente para revelar lo que hay debajo. Pasa el cursor por el hero antes de bajar y GSAP ScrambleText vuelve a componer las palabras carácter a carácter.

Características

• 10 rutas — Inicio, Servicios, Detalle de servicio, Proyectos, Caso de estudio, Blog, Artículo, Sobre nosotros, Contacto y 404
• Hero "The Rift" — un ScrollTrigger con pin separa las mitades superior e inferior del titular mientras una imagen entra detrás con clip-path
• Canvas de red neuronal interactivo — 65 nodos que se conectan a 130px y reaccionan al puntero con fuerzas de atracción/repulsión
• Titular con GSAP ScrambleText que se vuelve a componer carácter a carácter al pasar el cursor por el hero
• Preloader con contador y barra de progreso que llegan a 100, y después un wipe con clip-path que desbloquea el scroll y construye todos los ScrollTrigger
• Ruta completa de prefers-reduced-motion — cada revelado, split y clip-path se resuelve directamente a su estado final en lugar de animarse
• Sección de proceso horizontal construida sobre un wrapper alto — sin hacks de pinSpacing ni divs spacer
• Lista de proyectos con vista previa de imagen que sigue al cursor al pasar por cada fila
• 3 skins en runtime — Parchment (por defecto), Obsidian y Chalk — vía picker flotante, persistidas en localStorage
• Sistema GSAP completo en un módulo tipado — blur reveals, revelados por palabra/carácter/línea, tilt 3D de cards, botones magnéticos, parallax y contadores
• Marquee sensible al scroll cuyo timeScale sube hasta 5x según la velocidad y vuelve suavemente a su bucle base
• Revelados de imagen con clip-path y counter-scale para que las imágenes nunca se deformen al entrar
• Navbar que se oculta al hacer scroll hacia abajo y reaparece al subir
• 4 colecciones de contenido — 4 servicios, 4 casos de work, 2 posts de blog y 5 testimonios (JSON + Markdown)
• El smooth scroll de Lenis y todo el sistema GSAP se destruyen y reinicializan limpiamente entre ViewTransitions de Astro, y el skin activo se vuelve a aplicar en before-swap para que no haya parpadeo
• SEO completo — meta OG/Twitter, JSON-LD, canonical, sitemap y robots.txt; TypeScript strict con cero any

Despliegue