✨ Por que Astro-Theme-Aither
Un tema Astro AI-native que cree que el texto en si mismo es hermoso.
Un tema Astro AI-native que cree que el texto en si mismo es hermoso. Astro-Theme-Aither esta construido para lectores que vienen por las palabras, no por la decoracion.
Filosofia de diseno
La mayoria de los temas de blog compiten por atencion con imagenes hero, animaciones, barras laterales y popups. Ninguno de estos ayuda a leer — ayudan a mirar, que es una actividad completamente diferente.
Astro-Theme-Aither toma el enfoque opuesto: diseno minimal, no ingenieria minimal. Cuando no hay visuales llamativos que distraigan de los problemas, cada defecto tipografico, cada retraso de carga, cada tropiezo en la interaccion se amplifica. El diseno minimal exige mayor calidad de ingenieria, no menor.
Tipografia
La tipografia es la identidad visual. Cada pagina usa un stack de fuentes sans-serif de sistema unificado — limpio, rapido y consistente en todas las plataformas. Los parametros tipograficos siguen las Apple Human Interface Guidelines:
- Tamano de fuente — 17px base, el punto ideal para lectura comoda en pantalla
- Altura de linea — 1.47, dando a cada linea espacio para respirar sin romper el flujo de lectura
- Espaciado de letras — -0.022em, ajuste sutil que hace el texto del cuerpo mas pulido
- Escala de encabezados — 31px → 22px → 19px → 17px, jerarquia clara sin extremos de tamano
- Ancho de lectura — restringido a 65-75 caracteres por linea, donde el ojo sigue con mayor comodidad
Estas son practicas basadas en evidencia extraidas de decadas de investigacion sobre legibilidad en pantalla y los estandares tipograficos de Apple.
Construido sobre Astro
Astro es el mejor framework para sitios orientados al contenido hoy. Produce HTML estatico por defecto — sin JavaScript del lado del cliente a menos que optes explicitamente. La arquitectura de islas significa que los componentes interactivos se hidratan independientemente mientras el resto de la pagina permanece estatico.
En Astro-Theme-Aither, las islas interactivas son minimas:
- Selector de tema — toggle Claro / Oscuro / Sistema con animacion de revelacion circular via View Transitions API
- Selector de idioma — cambio de locale sin interrupciones con persistencia localStorage
- Deteccion de locale — detecta automaticamente el idioma del navegador y sugiere el cambio
- Navegacion movil — menu hamburguesa responsive
Todo lo demas es HTML y CSS puro, cargado instantaneamente.
Caracteristicas
- Tailwind CSS v4 — tokens de diseno
@themecon personalizacion completa de paleta claro/oscuro - Tipografia Apple HIG — parametros de texto del cuerpo 17px / 1.47 / -0.022em
- View Transitions API — animacion de revelacion circular para cambio de tema
- i18n — soporte multilingue con deteccion automatica del idioma del navegador
- Fijado de posts — fija posts importantes en la parte superior de la lista
- Content Collections — Markdown type-safe con validacion de frontmatter en tiempo de build
- Modo oscuro — Claro / Oscuro / Sistema con persistencia localStorage
- SEO — Open Graph, URLs canonicas, meta descriptions por post
- RSS + Sitemap — auto-generados, cero configuracion
- Google Analytics — opcional, ejecutado en un Partytown Web Worker
- Testing — tests unitarios Vitest + E2E Playwright, integrados en CI
- Cloudflare Pages — workflow de despliegue con URLs de preview para PRs
Para quien es esto
Si crees que la buena escritura habla por si misma y quieres un tema que respete esa creencia:
- Bloggers personales que quieren su escritura en primer plano
- Escritores tecnicos que necesitan excelente renderizado de bloques de codigo y formato claro de prosa
- Autores multilingues que necesitan i18n integrado con deteccion automatica del idioma del navegador
- Desarrolladores que aprecian un codebase bien disenado que pueden extender con confianza
Escribe sobre cualquier cosa — la tipografia lo hara lucir bien.
Comentarios