Главное событие дня
Когда · Система стиля · 01
У времени есть
свой почерк.
История заслуживает внимательного чтения. Тёплая бумага, выразительный шрифт и спокойный ритм помогают увидеть главное — и захотеть узнать больше.
Это живая система: те же компоненты работают на страницах дат, людей и мест.
01Тёплая основа.
Тёплая основа.
Точный акцент.
Цвет поддерживает чтение. Синий отмечает действие и выбранное состояние. Переключатель темы в шапке меняет всю систему.
Бумагаvar(--bg)
Поверхностьvar(--surface)
Текстvar(--ink)
Подписиvar(--muted)
Действиеvar(--blue)
Разделительvar(--line)
Светлая и тёмная темы используют одну структуру. Информация никогда не передаётся только цветом.
02Два голоса.
Два голоса.
Один рассказ.
Georgia даёт заголовкам характер исторического журнала. Noto Sans делает факты, даты и управление ясными.
Georgia · заголовки
13 октября
в истории
Крупный заголовок 36–76 px · раздел 32–36 px · ведущая карточка 26–46 px
Noto Sans · чтение
Каждая дата связана с людьми и событиями. За короткой записью — целая история, её участники, места и источники.
Текст 14–16 px · интерлиньяж 1,7–1,95 · подписи 10–12 px · строка до 65 знаков
03
Место для смысла.
Шаг в четыре пикселя связывает отступы. Разделы отделены воздухом, записи — тонкой линией. Рамка используется там, где она помогает действовать.
4 px
8 px
12 px
16 px
24 px
32 px
48 px
64 px
Ширина страницы до 1104 px · чтение до 860 px · боковые поля 16–32 px
04Иерархия,
Иерархия,
а не одинаковые блоки.
Главное событие получает отдельную поверхность. Списки остаются лёгкими; портреты помогают узнавать людей. Год не конкурирует с заголовком.
Человек
Хью Джекман
род. 1968
австралийский кино- и телеактёр, певец, продюсер, лауреат «Золотого глобуса» и др. наград
СиднейПортрет или инициалы, годы жизни, краткое описание и место.
Битва125 лет назад32род. 1968
05
Понятно до клика.
Названия разделов всегда видны. У действия есть заметная зона нажатия, у поля — подпись, у значка — доступное название.
Действия и поиск
06
Одна линия.
Сетка 24 × 24. Толщина 1,75. Без заливок, с одинаковой оптической массой. Значок поддерживает название, а не заменяет его.
07
Удобство — часть стиля.
Система адаптируется к устройству и человеку, сохраняя содержание и привычный порядок.
Клавиатура
Tab показывает заметный контур фокуса. Escape закрывает календарь и мобильный поиск. Стрелки переключают соседние дни, пока фокус не находится в поле ввода.
Читаемость
Основной текст и подписи имеют контраст не ниже 4,5:1. Длинные заголовки переносятся, год до нашей эры остаётся читаемым. Светлая и тёмная темы равноправны.
Без лишнего движения
При reduced motion отключены анимации. На 320 px сохраняются содержание, подписи и управление. Печатная версия оставляет только историю и раскрывает списки.