Заметки о дизайне
Палитра
ICPE
MNPK
XTAK
IBWK
var(--ground) — фон
var(--raised) — приподнятая поверхность
var(--rule) — линия
var(--ink) — текст
Фон постоянен; цвет появляется только вместе с конференцией. На странице конференции этот один тон владеет линией, аббревиатурой и каждым действием, так что читатель всегда понимает, где он. Ничто не обозначается одним лишь цветом — каждое состояние ещё и написано словами.
Шрифт
Manrope 800
Аббревиатуры, числа, заголовки. Латиница и кириллица. Плотный трекинг, никогда меньше 11px.
Golos Text несёт каждое предложение: названия конференций, тематику, условия публикации. Латиница, кириллица и узбекская латинская пунктуация живут в одной гарнитуре, поэтому смена языка не меняет фактуру страницы.
GOLOS 400 · .14EM · ПРОПИСНЫЕ — ПОДПИСИ ПОЛЕЙ
Компоненты
Действия
Состояния
Скоро14
Открыт96
Ещё не присвоен
Не подтверждён
Загрузка
Пусто
Правила
Длинные названия — норма
Немецкие сложные слова и русские названия-предложения задают меру. Заголовок переносится до трёх строк и никогда не обрезается.
Ничего не центрируется
Текст начинается от ведущего края, поэтому интерфейс справа налево зеркалится без перерисовки. Центрируется только пустое состояние.
Отсутствующие данные молчат
Неприсвоенный идентификатор — это тире в своей строке. Он никогда не превращается в панель, значок или извинение.
Фотография структурна
У каждой конференции один снимок. Уберите его — акцентная полоса всё равно держит блок, вёрстка не рассыпается.