Hana Games의 새 집

Hana Games에 새 웹사이트가 생겼습니다. 페인트를 새로 칠한 게 아니라, 뼈대까지 분해해서 다시 조립했습니다.

왜

솔직히? 예전 것이 못생겼기 때문입니다.

무겁고 회색이 되어 있었습니다. 템플릿처럼 보였습니다. 우리가 하루 종일 붙잡고 있는 게임에 대해 아무 말도 하지 않았고, 우리는 그것을 인정하는 대신 몇 달 동안 덧대기만 했습니다. 어느 시점에서 정직한 선택은 0에서 시작하는 것입니다.

색

사이트는 의도적으로 거의 검은색입니다. Ink(#08080a)가 어디서나 배경이고, 패널 뒤에는 조금 더 밝은 surface(#101013)를 두어 아트워크가 언제나 화면에서 가장 밝은 것이 되게 합니다.

그다음에 빨강 하나가 있습니다. #e20c17. 아껴 쓰고, 늘 같은 몇 가지 역할에만 씁니다. 섹션 라벨, 주요 버튼, 제목 아래의 짧은 선. 주변이 고요하면 빨강 하나로 여기를 봐 라고 말할 수 있습니다.

글자는 순백이 아니라 우리가 paper(#f4f3f1)라고 부르는 색입니다. 어두운 화면에서 순백은 눈부시기 때문입니다. 보조 회색은 읽을 수 있을 만큼 밝게 유지합니다. 사이트가 사람을 놓치는 곳은 대개 회색 글자이기 때문입니다.

서체

제목은 Archivo의 굵은 웨이트, 대문자로, 줄은 거의 겹칠 만큼 붙여 씁니다. 산업적인 모서리가 있는 그로테스크로, 세계를 만들어 먹고사는 사람에게 어울립니다.

작은 라벨은 두 번째 서체 대신 같은 패밀리를 아주 넓은 자간으로 씁니다. 값싼 수법이지만, 사이트 전체가 한 덩어리처럼 느껴지게 합니다.

본문은 중립적인 산세리프입니다. 지루한 이유로 골랐습니다. 스무 개 언어를 무너지지 않고 견뎌야 하기 때문입니다.

형태

모서리는 자르고, 절대 둥글리지 않습니다. 아무것도 아닌 것 같지만, 이 사이트를 우리 것으로 느껴지게 하는 세부입니다. 소프트웨어가 아니라 오락실 캐비닛과 인쇄 포스터에 대한 존중입니다.

장식은 정확히 둘입니다. 얇은 기술 격자와 로고의 체크무늬. 그림자도, 젖빛 유리도, 빛인 척하는 그라디언트도 없습니다.

움직임

거의 없습니다. 제목 아래로 선이 하나 그어집니다. 포스터가 몇 초마다 뒤집힙니다. 로고는 잡아서 돌릴 수 있습니다. 3D 마크는 한 번은 재미있으니까요. 나머지는 모두 가만히 있고, 시스템에 움직임을 줄이라고 요청한 사람에게는 아무 움직임도 가지 않습니다.

그리고 게임

게임이 먼저입니다. 그게 요점이었습니다. 스튜디오도, 뉴스도, 이 페이지도 모두 그다음입니다.