✨ Почему Astro-Theme-Aither
AI-нативная тема для Astro, которая верит, что текст сам по себе прекрасен.
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 с автоматическим определением языка браузера
- Разработчики, ценящие качественную кодовую базу, которую можно уверенно расширять
Пишите о чём угодно — типографика сделает это красивым.
Комментарии