Fundamentos visuales para reconstruir el sitio en Astro. Todo lo que sigue está pensado para escalar: tokens en CSS custom properties, componentes con una sola responsabilidad, y una jerarquía donde el contenido editorial —el blog sobre IA y medios digitales— ocupa el centro.
Dos superficies (papel cálido y tinta), un azul de autoridad, un terracota que marca categoría y podcast. Nada más.
Newsreader para titulares y cuerpo de artículo. Archivo para interfaz y metadatos. JetBrains Mono solo para etiquetas y datos.
12 columnas, ancho máximo 1240px, canal de 24px. La columna de lectura nunca pasa de 68ch.
El inventario mínimo para levantar las cinco plantillas. Cada uno mapea 1:1 a un componente Astro.
Uno de cada tres adultos estadounidenses ha utilizado la IA para consultas de salud.
El texto corrido se compone en Newsreader a 17px con interlínea generosa. Los enlaces internos se subrayan al pasar el cursor y heredan el azul primario; nunca se usa color para texto que no sea enlace.
Tenemos una nueva fuerza. Estos son nuestros desafíos y responsabilidades; este es el Quinto Poder.
Reglas para que el sistema aguante secciones nuevas sin rediseñarse.
posts, episodios, videos, paginas con esquema tipado y el mismo frontmatter en es/ y en/.
/es/blog/[slug] ↔ /en/blog/[slug] con hreflang. Si falta la traducción, el conmutador lleva al índice, no a un 404.
Cualquier sección futura (cursos, charlas, prensa) se arma con SectionHeader + grid de Card + CTA. No se inventan layouts nuevos.
Islas solo en buscador, filtros y reproductor. Imágenes vía astro:assets, JSON-LD Article/Person, sitemap y RSS por idioma.