✨ Почему Astro-Theme-Aither

AI-нативная тема для Astro, которая верит, что текст сам по себе прекрасен. Astro-Theme-Aither создана для читателей, которые приходят ради слов, а не ради украшений.

Философия дизайна

Большинство тем для блогов борются за внимание с помощью изображений-заставок, анимаций, боковых панелей и всплывающих окон. Ничего из этого не помогает при чтении — это помогает при осмотре, а это совершенно другая деятельность.

Astro-Theme-Aither исповедует противоположный подход: минимальный дизайн — не минимальная инженерия. Когда нет ярких визуальных элементов, отвлекающих от проблем, каждый типографический недостаток, каждая задержка загрузки, каждая ошибка взаимодействия усиливается. Минимальный дизайн требует более высокого качества инженерии, а не более низкого.

Типографика

Гарнитура шрифта — это визуальная идентичность. Каждая страница использует единый стек системных шрифтов без засечек — чистый, быстрый и единообразный на всех платформах. Типографические параметры следуют Apple Human Interface Guidelines:

Размер шрифта — базовый 17px, оптимальный для комфортного чтения с экрана
Высота строки — 1.47, дающая каждой строке пространство для «дыхания» без нарушения потока чтения
Межбуквенный интервал — -0.022em, тонкое уплотнение, делающее основной текст отполированным
Шкала заголовков — 31px → 22px → 19px → 17px, чёткая иерархия без экстремальных размеров
Ширина чтения — ограничена 65–75 символами в строке, где глаз отслеживает текст с максимальным комфортом

Это практики, основанные на данных десятилетий исследований читаемости с экранов и типографических стандартах Apple.

Построен на Astro

Astro — лучший фреймворк для контентных сайтов сегодня. Он по умолчанию генерирует статический HTML — никакого клиентского JavaScript, пока вы явно не подключите его. Архитектура островов означает, что интерактивные компоненты гидратируются независимо, а остальная часть страницы остаётся статичной.

В Astro-Theme-Aither интерактивных островов минимум:

Переключатель темы — Light / Dark / System с анимацией кругового раскрытия через View Transitions API
Переключатель языка — плавное переключение локали с сохранением в localStorage
Определение локали — автоматическое определение языка браузера с предложением переключиться
Мобильная навигация — адаптивное бургер-меню

Всё остальное — чистый HTML и CSS, загружается мгновенно.

Возможности

Tailwind CSS v4 — @theme дизайн-токены с полной настройкой палитры для светлой/тёмной тем
Типографика Apple HIG — параметры основного текста 17px / 1.47 / -0.022em
View Transitions API — анимация кругового раскрытия при переключении темы
i18n — мультиязычная поддержка с автоматическим определением языка браузера
Закрепление постов — закрепление важных постов в верхней части списка
Content Collections — типобезопасный Markdown с валидацией frontmatter на этапе сборки
Тёмная тема — Light / Dark / System с сохранением в localStorage
SEO — Open Graph, канонические URL, мета-описания для каждого поста
RSS + Sitemap — автогенерация, без настройки
Google Analytics — опционально, работает в Partytown Web Worker
Тестирование — Vitest юнит-тесты + Playwright E2E, интегрированы в CI
Cloudflare Pages — рабочий процесс деплоя с PR-превью

Для кого это

Если вы верите, что хороший текст говорит сам за себя, и хотите тему, которая уважает это убеждение:

Персональные блогеры, которые хотят, чтобы их тексты были на первом плане
Технические писатели, которым нужна отличная отрисовка блоков кода и чёткое форматирование прозы
Мультиязычные авторы, которым нужен встроенный i18n с автоматическим определением языка браузера
Разработчики, ценящие качественную кодовую базу, которую можно уверенно расширять

Пишите о чём угодно — типографика сделает это красивым.