Hana Games の新しい家

Hana Games に新しいサイトができました。塗り直しではありません。骨組みまで ばらして、組み直しました。

なぜ

正直に言えば、前のものが醜かったからです。

重くて灰色になっていました。テンプレートのように見えました。毎日向き合って いるゲームについて何も語っておらず、それを認めないまま何か月も継ぎ当てを 続けていました。ある時点で、正直な選択はゼロから始めることです。

色

サイトは意図的にほぼ黒です。Ink（#08080a）がどこでも背景で、パネルの 後ろには少し明るい surface（#101013）を置き、アートワークが常に画面で いちばん明るいものになるようにしています。

そこに一つの赤があります。#e20c17。使うのは控えめで、いつも同じわずかな 役割だけです。セクションのラベル、主要なボタン、見出しの下の短い線。周りが 静かなら、赤が一つあれば ここを見て と伝えられます。

文字は真っ白ではなく、私たちは paper（#f4f3f1）と呼んでいます。暗い 画面では真っ白はまぶしいからです。副次的な灰色は読める明るさに保っています。 サイトが人を失うのはたいてい灰色の文字のところだからです。

書体

見出しは Archivo の太いウェイト、大文字で、行はほとんど重なるほど詰めて います。産業的な角を持つグロテスクで、世界を造って暮らす人に似合います。

小さなラベルは二つ目の書体ではなく、同じファミリーを非常に広い字間にして 使います。安上がりな手ですが、サイト全体が一つのものに見えます。

本文はニュートラルなサンズです。退屈な理由で選びました。二十の言語に耐えて 崩れない必要があるからです。

形

角は丸めず、切り落とします。何でもないように聞こえますが、このサイトを 私たちらしく見せている細部です。ソフトウェアではなく、アーケード筐体や 印刷されたポスターへの目配せです。

装飾はきっかり二つ。細い技術的なグリッドと、ロゴの市松模様です。影も、 すりガラスも、光のふりをするグラデーションもありません。

動き

ほとんどありません。見出しの下に線が一本引かれます。ポスターが数秒ごとに 裏返ります。ロゴはつかんで回せます。3D のマークは一度だけ楽しいからです。 ほかはすべて静止していて、システムに動きを減らすよう頼んだ人には何も 届きません。

そしてゲーム

ゲームが先です。それがそもそもの目的でした。スタジオも、ニュースも、この ページも、すべてそのあとに来ます。