Новый дом для Hana Games

У Hana Games новый сайт. Это не свежий слой краски: мы разобрали его до каркаса и собрали заново.

Почему

Честно? Потому что старый был уродливый.

Он стал тяжёлым и серым. Он выглядел как шаблон. Он ничего не говорил об играх, на которые мы тратим свои дни, а мы месяцами латали его вместо того, чтобы это признать. В какой-то момент честный ход - начать с нуля.

Цвета

Сайт почти чёрный намеренно. Ink (#08080a) везде служит фоном, а чуть более светлый surface (#101013) лежит за панелями, чтобы иллюстрация всегда оставалась самым ярким на экране.

Потом есть один красный: #e20c17. Его используют скупо и всегда для одних и тех же нескольких задач: метка раздела, главная кнопка, короткая линия под заголовком. Когда всё вокруг спокойно, одного красного достаточно, чтобы сказать смотри сюда.

Текст не чисто белый, мы называем его paper (#f4f3f1), потому что чистый белый слепит на тёмном экране. Второй серый остаётся достаточно светлым, чтобы читаться, ведь именно на сером тексте сайты обычно теряют людей.

Типографика

Заголовки - Archivo, в тяжёлых начертаниях, прописными, строки почти вплотную друг к другу. Это гротеск с промышленной гранью, что идёт людям, которые зарабатывают на жизнь постройкой миров.

Мелкие метки используют то же семейство с очень широким разрядом вместо второго шрифта. Это дешёвый приём, и он заставляет весь сайт выглядеть как одна вещь.

Основной текст - нейтральный sans, выбранный по скучной причине: он должен выдержать двадцать языков и не рассыпаться.

Формы

Углы срезаны, никогда не скруглены. Звучит как ничего, но именно эта деталь делает сайт нашим: кивок в сторону корпусов игровых автоматов и печатных плакатов, а не софта.

Украшений ровно два: тонкая техническая сетка и шахматка из нашего логотипа. Никаких теней, никакого матового стекла, никаких градиентов, изображающих свет.

Движение

Его почти нет. Линия прорисовывается под заголовком. Плакат переворачивается раз в несколько секунд. Логотип можно схватить и раскрутить, потому что объёмный знак забавен один раз. Всё остальное стоит на месте, а кто попросил у своей системы меньше анимации, не получает ни одной.

И игры

Они идут первыми, в этом был весь смысл. Студия, новости, эта страница: всё остальное после.