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

Superhuman находится на стыке редакционной фотографии и пользовательского интерфейса программного обеспечения — тёплый, словно пергамент, холст (никогда не чисто белый) обрамляет тёмно-бордовые элементы бренда и яркие фиолетовые акценты. Заголовки, набранные шрифтом 460, скорее шепчут, чем кричат, позволяя кинематографической фотографии на всю страницу выполнять основную эмоциональную работу, в то время как полупрозрачные карточки пользовательского интерфейса продукта парят, словно стекло, над изображением. Палитра большую часть времени остаётся спокойной и редакционной: кремовые поверхности, угольно-чёрный текст, тонкие тёпло-серые границы и большое расстояние между элементами, причём цвет зарезервирован для намеренной расстановки знаков препинания бренда — один бордовый призыв к действию, фиолетовые ссылки, светло-сиреневая дополнительная кнопка. Система намеренно избегает сильных теней и градиентов на поверхностях пользовательского интерфейса; глубина достигается за счёт многослойной фотографии и лёгкого размытия фона в заголовке, а не за счёт эффекта стекирования.

Главный элемент — фотография во всю ширину страницы с наложенным по центру заголовком (48-64px/460) и одним призывом к действию, заполненным изображением вина, с плавающими полупрозрачными карточками пользовательского интерфейса продукта, наложенными поверх фотографии по левому и правому краям. Под главным элементом: полоса логотипа в виде белой полосы (6 ячеек в одном ряду, максимальная ширина ограничена), затем раздел вкладок с белой поверхностью карточек на пергаментном холсте. Темно-бирюзовая полоса нарушает ритм примерно на две трети страницы — во всю ширину страницы, в две колонки (изображение слева, текст справа), создавая единственный тональный контраст при прокрутке. Далее следует градиентная атмосферная полоса. Расстояние между разделами составляет 64-96px по вертикали. Максимальная ширина контента составляет ~1200px по центру, при этом главный элемент и темная полоса выходят на всю ширину области просмотра. Навигация представляет собой единый фиксированный заголовок с размытием фона; без боковой панели, без мега-меню. Нижний колонтитул — бордовый во всю ширину страницы с многоколоночной компоновкой ссылок. Общий ритм: главный кадр → спокойный контент белого/кремового цвета → темная полоса с основным изображением → атмосферный градиент → бордовый нижний колонтитул, чередование светлых и темных полос для создания редакционного темпа.

Основной визуальный элемент — кинематографическая фотография: портрет во всю ширину страницы на фоне открытого неба служит центральным элементом, а ниже на странице расположена вторая атмосферная полоса. Изображение выполнено в теплых тонах, в стиле «золотого часа», слегка приглушенных, снято в профиль, что создает ощущение скорее редакционного, чем корпоративного стиля. Темная полоса с полупрозрачными геометрическими прямоугольниками и рукописными надписями наложена поверх фотографии человека, погруженного в размышления — это коллаж из поверхностей, а не единое изображение. Интерфейс пользователя представлен в виде плавающих стеклянных карточек, наложенных непосредственно на фотографию, а не в виде отдельных скриншотов. Нет стоковых иллюстраций, нет 3D-рендеров, нет абстрактных декоративных форм, кроме градиентной атмосферной полосы. Иконки — минималистичные монохромные линейные иконки толщиной ~16-20px, одинарной толщины, соответствующей толщине текста 460.