La base v2: un sistema de diseño y un blog de verdad

Esta versión cierra un ciclo largo de trabajo de base. Hasta ahora el sitio era una sola página animada; v2.0.0 lo convierte en una base más sólida: un pequeño sistema de diseño, un blog de verdad y una estructura lista para crecer. A partir de acá el proyecto sigue Versionado Semántico y todo cambio relevante queda en el changelog.

Piénsalo como la base v2: el punto desde el que empiezan las próximas mejoras.

Añadido

• Una base de sistema de diseño. El color ahora sale de un único conjunto de tokens semánticos — surface, foreground, muted, border, primary, accent — conectados vía Tailwind y variables CSS. Un cambio en un solo lugar redefine el tema de todo el sitio.
• Un blog de verdad en /blog. Los posts son Markdown, renderizados por una capa Prose dedicada, con una tabla de contenidos que acompaña la lectura. En esa primera versión, cuando existían ambas traducciones, cada post mostraba además un selector EN/ES propio.
• Transiciones entre páginas. Navegar ahora se siente más continuo y menos como una secuencia de recargas.
• Un fondo más vivo. En escritorio, un glow que sigue al cursor convive con otro que flota de forma autónoma.

Cambiado

• Un modo claro cálido, tipo “sunset”. Se fue la paleta pálida. El modo claro ahora es un espacio cálido inspirado en Gruvbox: fondos de arena profundos, texto marrón oscuro y acentos naranja quemado. El modo oscuro queda intacto.
• Todo tematizado con tokens. Cards, encabezado, drawer, blog y estilos de lectura ya no dependen de grises fijos: leen de los tokens, así el sistema se mantiene consistente.

Corregido

• El tema ya no salta al navegar. Con las transiciones entre páginas, el tema guardado se reaplica en cada cambio, así que claro/oscuro se mantiene.

Accesibilidad

• Las cards del blog se pueden abrir enteras. Con un patrón accesible de enlace expandido, toda la card funciona como entrada principal mientras los tags y el enlace visible siguen funcionando aparte.
• Estados de foco consistentes y contraste revisado. Los estados de foco salen de los tokens, y el acento del modo claro se ajustó para cumplir WCAG AA en texto.

Qué salió desde la v2.0

La base v2 cumplió su trabajo: las mejoras dejaron de pelear con los cimientos. Después vinieron tres versiones más chicas.

v2.1 — Compartir y SEO

Ahora los posts tienen metadatos de Open Graph y Twitter como corresponde, así que al compartir un enlace por fin aparecen título, descripción e imagen en LinkedIn y X. Cada post puede definir su propia imagen para compartir, y el botón de compartir usa la API nativa en móvil y copia el enlace en escritorio cuando hace falta. Los proyectos también se renovaron: apareció una card para este mismo sitio y, en teléfono, el listado ahora destaca un proyecto a la vez, el que queda más cerca del centro de la pantalla.

v2.2 — Bilingüe (EN/ES)

Todo el sitio ahora vive en inglés y español. El inglés queda en la raíz, el español bajo /es/, y un único selector en el header cambia toda la experiencia: landing, blog y navegación. Reemplaza el viejo switch por post, que solo aparecía cuando existía una traducción.

v2.3 — Experiencia profesional

v2.3 le da un lugar propio a la experiencia profesional. Antes quedaba más diluida dentro de la landing; ahora aparece como una sección clara y fácil de recorrer, con empresa, rol, período, contexto del trabajo y tecnologías agrupadas por tipo. También ajusta mejor el mensaje del perfil: una base fuerte de frontend que hoy ya se abre hacia ingeniería de producto, entrega y workflows con agentes.

Qué sigue

Más posts escritos y seguir puliendo. A partir de ahora las versiones van a ser chicas y frecuentes.