How this website is built — the engineering of kalambrestudio.comCómo está construida esta web — la ingeniería de kalambrestudio.com
This page is a public audit of our own website. We build sites for clients the same way we build our own: static rendering for instant loads, our own server and our own analytics, technical SEO from the ground up, and accessibility as a requirement — not an afterthought. Everything below is measurable in this very site's source and headers.
We keep the stack deliberately small and fully under our control. No page builders, no third-party trackers, no external dependencies deciding how fast the site loads or where visitor data goes.
Esta página es una auditoría pública de nuestra propia web. Construimos los sitios de nuestros clientes igual que el nuestro: renderizado estático para cargas instantáneas, servidor y analítica propios, SEO técnico desde la base y accesibilidad como requisito, no como parche. Todo lo de abajo es comprobable en el propio código fuente y en las cabeceras de este sitio.
Mantenemos el stack deliberadamente pequeño y bajo control total. Sin constructores de páginas, sin trackers de terceros, sin dependencias externas que decidan cuánto tarda la web o a dónde van los datos de las visitas.
- RenderingGeneración 100% static site (Astro): plain HTML served instantly, no application serversitio 100% estático (Astro): HTML puro servido al instante, sin servidor de aplicación
- ServerServidor own infrastructure on Caddy: automatic HTTPS, HTTP/2, compression and immutable asset cachinginfraestructura propia con Caddy: HTTPS automático, HTTP/2, compresión y caché de assets inmutable
- AnalyticsAnalítica self-hosted first-party collector, same domain, no third-party cookies or external vendorscolector propio self-hosted, mismo dominio, sin cookies de terceros ni proveedores externos
- PerformanceRendimiento critical CSS inlined, subset woff2 fonts, size-specific WebP images, lazy video via IntersectionObserverCSS crítico inline, fuentes subset con woff2, imágenes WebP por tamaño, vídeo lazy con IntersectionObserver
- Technical SEOSEO técnico absolute canonicals, prioritised sitemap, per-page schema.org structured data, server-side 301s for legacy URLscanonicals absolutos, sitemap priorizado, datos estructurados schema.org por página, 301 de servidor para URLs históricas
- AccessibilityAccesibilidad semantic hierarchy with an sr-only layer, bilingual alt text, prefers-reduced-motion respectedjerarquía semántica con capa sr-only, textos alternativos bilingües, prefers-reduced-motion respetado
- MotionAnimación own single-animation system (compositor-only transform+opacity, random order per load, zero layout shift)sistema propio de una sola animación (transform+opacity en compositor, orden aleatorio por carga, cero layout shift)
- LanguagesIdiomas ES/EN without duplicate URLs: browser and domain detection, choice rememberedES/EN sin duplicar URLs: detección por navegador y dominio, elección recordada
- TypographyTipografía one family for EVERYTHING: IBM Plex Mono, by Mike Abbink (IBM) with Bold Monday, SIL OFL 1.1 licence — grid-like, technical monospace, heavy in display weights, with Cyrillic support for the decorative card layer; self-hosted as per-script, per-weight woff2 subsets, as its licence allows, publicly credited here in acknowledgementuna sola familia para TODO: IBM Plex Mono, de Mike Abbink (IBM) con Bold Monday, licencia SIL OFL 1.1 — monospace cuadriculada y técnica, negra en los pesos display, con soporte cirílico para la capa decorativa de las tarjetas; auto-hospedada en subsets woff2 por escritura y peso, como permite su licencia, y acreditada aquí públicamente como reconocimiento
- PrivacyPrivacidad no third-party trackers; measurement lives on our own serversin trackers de terceros; la medición vive en nuestro propio servidor
- DeploymentDespliegue reproducible builds and atomic sync to the server, verified after every releasebuild reproducible y sincronización atómica al servidor, con verificación tras cada publicación