Новий дім для Hana Games
Ми зібрали сайт студії з нуля. Темніша сцена для ігор, один червоний, який щось означає, і типографіка, що витримує двадцять мов.

У Hana Games новий сайт. Це не свіжий шар фарби: ми розібрали його до каркаса і зібрали заново.
Чому
Чесно? Бо старий був потворний.
Він став важким і сірим. Він виглядав як шаблон. Він нічого не казав про ігри, на які ми витрачаємо свої дні, а ми місяцями латали його замість того, щоб це визнати. У якийсь момент чесний хід - почати з нуля.
Кольори
Сайт майже чорний навмисно. Ink (#08080a) всюди слугує тлом, а трохи
світліший surface (#101013) лежить за панелями, щоб ілюстрація завжди
була найяскравішим на екрані.
Далі є один червоний: #e20c17. Його вживають ощадливо і завжди для одних і
тих самих кількох задач: мітка розділу, головна кнопка, коротка лінія під
заголовком. Коли все навколо спокійне, одного червоного досить, щоб сказати
дивись сюди.
Текст не чисто білий, ми звемо його paper (#f4f3f1), бо чистий білий
сліпить на темному екрані. Другий сірий лишається досить світлим, щоб
читатися, адже саме на сірому тексті сайти зазвичай втрачають людей.
Типографіка
Заголовки - Archivo, у важких накресленнях, великими літерами, рядки майже впритул один до одного. Це гротеск із промисловим ребром, що пасує людям, які заробляють на життя будівництвом світів.
Дрібні мітки використовують ту саму родину з дуже широким розрідженням замість другого шрифту. Це дешевий прийом, і він змушує весь сайт виглядати як одна річ.
Основний текст - нейтральний sans, вибраний з нудної причини: він має витримати двадцять мов і не розсипатися.
Форми
Кути зрізані, ніколи не заокруглені. Звучить як ніщо, але саме ця деталь робить сайт нашим: уклін у бік корпусів ігрових автоматів і друкованих плакатів, а не софту.
Оздоб рівно дві: тонка технічна сітка і шахівниця з нашого логотипа. Жодних тіней, жодного матового скла, жодних градієнтів, що вдають світло.
Рух
Його майже немає. Лінія прокреслюється під заголовком. Плакат перевертається раз на кілька секунд. Логотип можна схопити й розкрутити, бо об'ємний знак кумедний один раз. Усе інше стоїть на місці, а хто попросив у своєї системи менше анімації, не отримує жодної.
І ігри
Вони йдуть першими, у цьому був весь сенс. Студія, новини, ця сторінка: усе інше після.
- Студія
- Сайт