Cómo está hecha esta web.

Con qué

Es un sitio estático generado con Astro y alojado en Netlify. Cada página se construye una vez y se sirve como HTML plano, sin base de datos ni servidor que mantener. El movimiento (el desplazamiento suave y los revelados al hacer scroll) se carga después del contenido y solo si el navegador no tiene activada la preferencia de reducir movimiento. Si el JavaScript falla o está desactivado, todo se lee igual.

La diseñé y la construí yo con ayuda de Claude Code, que es también parte de lo que enseño: encargar bien, revisar con criterio y decidir qué se queda y qué no. Las decisiones técnicas están documentadas en el repositorio del proyecto, una por una, con su porqué.

Tipografía y color

Montserrat para los titulares, Poppins para el cuerpo y Fraunces en cursiva para una sola palabra por pieza. Las fuentes se sirven desde este mismo dominio, sin llamadas a Google Fonts. La paleta es cálida y monocroma: charcoal, lino, arena y un teal apagado que se usa poco. No hay azules ni degradados, y una comprobación automática impide que entren.

Cómo se mide

Antes de publicar cualquier cambio, la web pasa una auditoría: Lighthouse en móvil sobre las páginas principales, accesibilidad automática sobre todas las páginas del sitemap, enlaces rotos, datos estructurados, peso por página y vocabulario de marca. Los resultados se guardan en una tabla por iteración. El objetivo es cien en accesibilidad, buenas prácticas y SEO, y un peso total por debajo de medio megabyte en la home.

Lo que no lleva

• Cookies de seguimiento ni banner de consentimiento. La analítica es Umami, que no usa cookies, no identifica a nadie y no mide si tienes activada la señal de no seguimiento.
• Scripts de terceros: ni de redes, ni de la newsletter, ni de chat. Los formularios funcionan sin JavaScript.
• Contadores, cuentas atrás, ventanas emergentes ni precios tachados.
• Cifras sin fuente. Las de la formación salen de las encuestas a los asistentes y se dice cuántos respondieron.

Fotografía y logotipo

Las fotografías son de sesión propia. El logotipo se vectorizó a partir del original en mapa de bits para que se vea nítido en cualquier tamaño, y el favicon deriva del isotipo.

Accesibilidad

Contraste mínimo de 4,5:1 en todo el texto, navegación completa con teclado, enlace para saltar al contenido y respeto de la preferencia de reducir movimiento. Hay una declaración de accesibilidad y un correo al que escribir si algo falla.

Última revisión: 20 de septiembre de 2026. Cualquier duda, a juanmiguel.hernandez@promptngo-ia.com.