Colofón / ficha técnica.

Astro 6 en Cloudflare Workers. Server output con prerender en páginas estáticas. Imágenes en R2 propio. Cero dependencia de plataformas tipo Wix, Squarespace o Framer.

Helvetica Neue en dos pesos: Light (300) para cuerpo y display, Bold (700) para énfasis. Servida local en woff2, font-display swap. Es interim. Hay una font custom en desarrollo con un colaborador externo que reemplazará esto cuando llegue.

Negro #1d1d1f y blanco #f0f0f0 como base. Azul #1961ae como único acento (un toque por sección). Mismos tokens del dashboard interno de sopa, así un día las dos superficies se sienten parte del mismo sistema.

Smooth scroll discreto con Lenis (lib MIT open source de Studio Freight). Reveal sutil al scroll vía IntersectionObserver. Image-follow al hover en la lista de trabajo. Nada agresivo, todo respeta prefers-reduced-motion.

Build estático servido desde el edge de Cloudflare. View Transitions nativas para navegación tipo SPA sin SPA. Prefetch en viewport. Sin frameworks JavaScript pesados.

Contraste mínimo AA. Skip-link al contenido. Targets touch confortables. Respeta prefers-reduced-motion. Soporta navegación por teclado. Pendiente: auditoría completa con axe + screen reader real.

OpenGraph + Twitter Cards en todas las páginas. JSON-LD Organization en el layout y CreativeWork por proyecto. Sitemap. robots.txt con allow explícito para GPTBot, ClaudeBot, PerplexityBot y Google-Extended para que aparezcamos en respuestas de IA.

Por ahora los proyectos viven como markdown en el repo (src/content/portfolio/) con frontmatter para metadata. Próximo paso: conectar Pages CMS para que Lili y futuros colaboradores puedan agregar proyectos vía UI sin tocar código. Mismo schema.

Repo público en github.com/pradofox/dev3-sopadeletras-web. Cualquier feedback, issue o PR bienvenido.

Diseño y desarrollo por sopadeletras® (Lilian Balderas + Roberto Prado). Construido con Claude Code. Inspiración en estudios que admiramos: Locomotive, Order, Mucho, Base.