Перейти до вмісту
Усі новини
2 хв читання

Новий дім для Hana Games

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

Новий дім для Hana Games

У Hana Games новий сайт. Це не свіжий шар фарби: ми розібрали його до каркаса і зібрали заново.

Чому

Чесно? Бо старий був потворний.

Він став важким і сірим. Він виглядав як шаблон. Він нічого не казав про ігри, на які ми витрачаємо свої дні, а ми місяцями латали його замість того, щоб це визнати. У якийсь момент чесний хід - почати з нуля.

Кольори

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

Далі є один червоний: #e20c17. Його вживають ощадливо і завжди для одних і тих самих кількох задач: мітка розділу, головна кнопка, коротка лінія під заголовком. Коли все навколо спокійне, одного червоного досить, щоб сказати дивись сюди.

Текст не чисто білий, ми звемо його paper (#f4f3f1), бо чистий білий сліпить на темному екрані. Другий сірий лишається досить світлим, щоб читатися, адже саме на сірому тексті сайти зазвичай втрачають людей.

Типографіка

Заголовки - Archivo, у важких накресленнях, великими літерами, рядки майже впритул один до одного. Це гротеск із промисловим ребром, що пасує людям, які заробляють на життя будівництвом світів.

Дрібні мітки використовують ту саму родину з дуже широким розрідженням замість другого шрифту. Це дешевий прийом, і він змушує весь сайт виглядати як одна річ.

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

Форми

Кути зрізані, ніколи не заокруглені. Звучить як ніщо, але саме ця деталь робить сайт нашим: уклін у бік корпусів ігрових автоматів і друкованих плакатів, а не софту.

Оздоб рівно дві: тонка технічна сітка і шахівниця з нашого логотипа. Жодних тіней, жодного матового скла, жодних градієнтів, що вдають світло.

Рух

Його майже немає. Лінія прокреслюється під заголовком. Плакат перевертається раз на кілька секунд. Логотип можна схопити й розкрутити, бо об'ємний знак кумедний один раз. Усе інше стоїть на місці, а хто попросив у своєї системи менше анімації, не отримує жодної.

І ігри

Вони йдуть першими, у цьому був весь сенс. Студія, новини, ця сторінка: усе інше після.

  • Студія
  • Сайт