Przejdź do treści
Wszystkie nowości
2 min czytania

Nowy dom dla Hana Games

Zbudowaliśmy stronę studia od zera. Ciemniejsza scena dla gier, jedna czerwień, która coś znaczy, i typografia, która przetrwa dwadzieścia języków.

Nowy dom dla Hana Games

Hana Games ma nową stronę. Nie nową warstwę farby: rozebraliśmy ją do ramy i złożyliśmy od nowa.

Dlaczego

Szczerze? Bo stara była brzydka.

Zrobiła się ciężka i szara. Wyglądała jak szablon. Nie mówiła nic o grach, nad którymi spędzamy dni, a my łataliśmy ją miesiącami, zamiast to przyznać. W pewnym momencie uczciwym ruchem jest zacząć od zera.

Kolory

Strona jest prawie czarna celowo. Ink (#08080a) jest wszędzie tłem, a nieco jaśniejszy surface (#101013) leży za panelami, żeby grafika zawsze była najjaśniejszą rzeczą na ekranie.

Potem jest jedna czerwień: #e20c17. Używamy jej oszczędnie i zawsze do tych samych kilku zadań: etykieta sekcji, główny przycisk, krótka linia pod tytułem. Kiedy wszystko wokół jest spokojne, jedna czerwień wystarczy, żeby powiedzieć popatrz tutaj.

Tekst jest złamanej bieli, nazywamy go paper (#f4f3f1), a nie czystą bielą, która razi na ciemnym ekranie. Drugi szary zostaje dość jasny, żeby pozostał czytelny, bo to na szarym tekście strony zwykle tracą ludzi.

Typografia

Nagłówki to Archivo, w ciężkich odmianach, wersalikami, z liniami prawie jedna na drugiej. To grotesk z odrobiną przemysłowej krawędzi, co pasuje ludziom, którzy zawodowo budują światy.

Małe etykiety używają tej samej rodziny z bardzo szerokim odstępem liter zamiast drugiego kroju. To tani trik, a sprawia, że cała strona wygląda jak jeden element.

Tekst ciągły to neutralny sans, wybrany z nudnego powodu: musi przetrwać dwadzieścia języków, nie rozsypując się.

Kształty

Narożniki są ścięte, nigdy zaokrąglone. Brzmi jak nic, ale to ten szczegół sprawia, że strona jest nasza: ukłon w stronę obudów automatów i drukowanych plakatów, nie w stronę oprogramowania.

Są dokładnie dwie ozdoby: cienka techniczna siatka i szachownica z naszego logo. Bez cieni, bez mlecznego szkła, bez gradientów udających światło.

Ruch

Prawie go nie ma. Linia rysuje się pod tytułem. Plakat obraca się co kilka sekund. Logo można złapać i zakręcić, bo znak 3D jest zabawny raz. Wszystko inne stoi nieruchomo, a kto poprosił swój system o mniej animacji, nie dostaje żadnej.

A gry

Są pierwsze i o to chodziło. Studio, aktualności, ta strona: wszystko inne przychodzi potem.

  • Studio
  • Strona