Ir para o conteúdo
Todas as notícias
2 min de leitura

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.

Uma nova casa para a Hana Games

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