Uma nova casa para a Hana Games
Reconstruímos o site do estúdio do zero. Um palco mais escuro para os jogos, um vermelho que significa algo e uma tipografia que sobrevive a vinte idiomas.

A Hana Games tem um site novo. Não é uma demão de tinta: desmontámos até à estrutura e voltámos a montar.
Porquê
Sinceramente? Porque o antigo era feio.
Tinha ficado pesado e cinzento. Parecia um modelo. Não dizia nada sobre os jogos em que passamos os dias, e andámos meses a remendá-lo em vez de admitir isso. A certa altura, o movimento honesto é começar do zero.
As cores
O site é quase preto de propósito. Ink (#08080a) é o fundo em todo o lado,
com uma surface (#101013) um pouco mais clara por trás dos painéis, para
que a arte seja sempre a coisa mais brilhante no ecrã.
Depois há um vermelho: #e20c17. É usado com conta-gotas, e sempre para as
mesmas poucas tarefas: uma etiqueta de secção, o botão principal, a linha curta
por baixo de um título. Quando tudo à volta está calmo, um vermelho chega para
dizer olha aqui.
O texto é branco sujo, chamamos-lhe paper (#f4f3f1), em vez de branco puro,
que encandeia num ecrã escuro. O cinzento secundário mantém-se claro o
suficiente para continuar legível, porque é no texto cinzento que os sites
costumam perder as pessoas.
A tipografia
Os títulos são Archivo, em pesos pesados, em maiúsculas e com as linhas quase encostadas umas às outras. É uma grotesca com um pouco de aresta industrial, que assenta bem a quem constrói mundos a tempo inteiro.
As etiquetas pequenas usam a mesma família com um espaçamento muito largo em vez de um segundo tipo de letra. É um truque barato, e faz o site inteiro parecer uma peça só.
O corpo de texto é um sans neutro, escolhido por um motivo aborrecido: tem de sobreviver a vinte idiomas sem se desfazer.
As formas
Os cantos são cortados, nunca arredondados. Parece nada, mas é o detalhe que faz o site parecer nosso: um aceno aos painéis das máquinas de arcada e aos cartazes impressos, não ao software.
Há exatamente duas decorações: uma grelha técnica fina e o xadrez do nosso logo. Sem sombras, sem vidro fosco, sem gradientes a fingir de luz.
O movimento
Quase não há. Uma linha desenha-se por baixo de um título. Um cartaz vira-se a cada poucos segundos. O logo pode ser agarrado e rodado, porque uma marca em 3D diverte uma vez. Tudo o resto fica quieto, e quem pediu ao sistema menos animação não recebe nenhuma.
E os jogos
Vêm primeiro, que era o ponto todo. O estúdio, as notícias, esta página: tudo o resto vem depois.
- Estúdio
- Site