ASTRO · первый дизайн-гейт · 10 августа 2026

Две вариации главной и статьи — выбрать направление до масштабирования системы

Обе вариации построены на одинаковом контенте, одинаковой информационной архитектуре и одинаковом наборе компонентов. Отличаются палитра, типографика, композиция и плотность. После выбора направление разворачивается на остальные шаблоны из раздела 6 ТЗ.

Направление A

Editorial astronomy

Строже и интеллектуальнее — ближе к научно-популярному медиа. Сетка, hairline-линии, моноширинные метаданные, минимум декора.

Палитра

оболочка surface бумага текст линия акцент

Типографика

Луна в натальной карте

Literata (SIL OFL) — заголовки H1–H2 · IBM Plex Sans (SIL OFL) — интерфейс и текст · IBM Plex Mono — метаданные, даты, нумерация. Полная кириллица, локальный хостинг woff2.

Постура

  • Строгая сетка, радиусы 2–4 px, разделители 1 px вместо теней.
  • Метаданные и служебные подписи — моноширинным, ALL CAPS с трекингом 0.09em.
  • Статья: sticky-оглавление слева, колонка текста 74ch, якорь у каждого H2.
  • Акцент только на активной навигации, подчёркивании ссылок и ключевом действии.
Главная A Статья A
Направление B

Warm mystical editorial

Теплее и эмоциональнее, но без китча. Пергаментная поверхность, крупный антиквенный заголовок, орнаментальные разделители, мягкие карточки.

Палитра

оболочка surface пергамент текст линия золото медь

Типографика

Луна в натальной карте

Cormorant Garamond (SIL OFL) — заголовки H1–H2 · Golos Text (SIL OFL, кириллица родная) — интерфейс и текст. Полная кириллица, локальный хостинг woff2.

Постура

  • Скругления 14 px, мягкая тень на карточках, золотая линия-хайлайт сверху.
  • Орнаментальный разделитель (линия + ромб) между H2 — вместо линейки в A.
  • Статья: центрированная колонка 720 px, буквица, оглавление отдельной карточкой.
  • Золото — заливки и линии; для текста используется затемнённый вариант ради AA.
Главная B Статья B

Чем отличаются, по пунктам

Контент, ИА и набор компонентов совпадают — сравнивать нужно именно эти параметры.

ПараметрA · Editorial astronomyB · Warm mystical editorial
ОболочкаГрафитово-синяя, холоднаяНочной индиго с тёплой примесью
Читательская поверхностьМолочный нейтральныйТёплый пергамент
АкцентХолодный голубойПриглушённое золото + медь точечно
ЗаголовкиLiterata, отрицательный трекинг, компактныеCormorant Garamond, крупнее на 25–30%
Hero главнойДвухколонный, схема неба справаЦентрированный, небо во всю ширину
Карточки разделовПрямоугольные, hairline, без тениСкругление 14 px, мягкая тень, золотой хайлайт
Популярные материалыРовная сетка 3×2Ведущая карточка + список
Оглавление статьиSticky-рейл слева, десктопКарточка перед текстом, любая ширина
ОщущениеСправочник, обсерватория, точностьАльманах, атмосфера, тепло
Риск при масштабированииНа тысячах страниц может читаться суховатоТребует дисциплины, чтобы не съехать в эзотерический декор

Что происходит после выбора

Направление разворачивается на остальные шаблоны и компоненты из ТЗ.

Шаблоны

  • Хаб раздела с якорной навигацией и progressive disclosure
  • Категория/подхаб с пагинацией и индексом
  • Справочная карточка сущности
  • Комбинация A × B с симметричной парой
  • Поиск (Pagefind) — пять состояний
  • Автор, О проекте, 404

Система

  • Токены: цвет, типографика, spacing, grid, радиусы, тени
  • Компоненты со состояниями default / hover / focus-visible / active / disabled
  • Три плотности карточек материала
  • Граничные состояния: длинный H1, без hero, 0/3/6 связанных
  • Иконки SVG, пропорции изображений, правила кропа

Нужно от владельца

  • Название и домен PLACEHOLDER
  • Логотип / словесный знак
  • Состав редакции и авторов
  • Контактные и юридические данные
  • Реальные иллюстрации и изображения
  • Финальный список разделов первого релиза