Synthex
Sitio web institucional oficial de Synthex, estudio de software y tecnología de alta precisión, con animaciones cinemáticas GSAP y arquitectura de alto rendimiento en Astro.
High-Precision Software & Engineering Studio
Presencia digital institucional oficial de Synthex. Construida bajo los principios de código artesanal (Craftsmanship), sistemas deterministas y rendimiento web sin concesiones, integrando una suite cinemática de animaciones GSAP, arquitectura estática en Astro y emulación de terminal Unix interactiva en stream continuo.
Experiencia Cinemática y Módulos Interactivos
Preloader Vectorial `convertToPath()`
Cortina de entrada vectorial con mutación SVG donde el isotipo oficial se traza dinámicamente antes de levantar el telón en sincronía estricta con el ciclo de vida de la página.
InteractiveTerminal Unix Nativa
Consola Unix en stream continuo con emulación limpia de comandos (whoami, manifesto, services), scroll orgánico sincronizado y erradicación de jerga críptica.
Scrollytelling & Stacking Cards
Manifiesto de ingeniería en 3 actos con scroll pinning, waypoints sobre trazados SVG y apilado proporcional de tarjetas (Stacking Cards Deck) sin saltos visuales.
Elastic Bouncy Footer & 35mm Noise
Límite inferior con curva SVG animada con MorphSVG y rebote elástico adaptativo según la inercia del scroll, enriquecido con grano analógico cinematográfico de 35mm.
Arquitectura y Retos Técnicos
Astro SSG & Core Web Vitals 100/100
Generación estática completa (SSG) con arquitectura de islas, cero bloqueo del hilo principal y puntuación perfecta de 100/100 en todas las auditorías Core Web Vitals.
Transición Radial i18n In-Place
Conmutación idiomática en tiempo real (es/en) mediante expansión radial (circular clip-path ripple) desde el punto de interacción, preservando el estado sin recargas.
Seguridad Bancaria HTTP & CI/CD
Pipeline de despliegue continuo en Netlify con cabeceras HTTP de grado bancario (HSTS, CSP estricto, X-Frame-Options: DENY) y calificación A+ en observabilidad de seguridad.
Bento Grid & Telemetría Local-First
Retícula asimétrica de 12 columnas que presenta telemetría autónoma de arquitectura Local-First y minijuego interactivo Lock-in Breaker en Canvas 2D acelerado.
Stack Técnico
Características principales
- Arquitectura estática ultra-rápida (Astro SSG + Tailwind CSS) con 100/100 en Core Web Vitals
- Suite cinemática de animaciones GSAP: Preloader vectorial con convertToPath(), ScrollTrigger, MotionPath waypoints y Bouncy Footer con MorphSVG
- Terminal interactiva Unix nativa (InteractiveTerminal) con emulación de comandos en stream continuo sin parpadeo
- Sistema de internacionalización dinámico i18n (es/en) con detección de navegador y transición radial in-place sin recarga
- Despliegue continuo en Netlify con cabeceras de seguridad HTTP de grado bancario (HSTS, CSP, X-Frame-Options: DENY, Referrer-Policy)
- Bento Grid asimétrico con telemetría interactiva de arquitectura Local-First y minijuego interactivo Lock-in Breaker en Canvas 2D