はてなのロゴ

何でできているか

左に丸い点を集めたマーク、右に「Hatena」の6文字を並べています。色は文字の黒、点の青と薄いグレーの3つです。

形

マークは同じ大きさの丸13個でできています。上から2・3・4・3・1個と並び、全体はひし形に近い輪郭に収まります。このうち6個だけが青で、上の2個、その左右、中央やや右の1個、一段あけて最下段の1個をたどると、疑問符「？」の形が浮かびます。残りの7個は薄いグレーで、背景の格子として控えています。

文字は頭の H だけが大文字で、残りは小文字です。線の太さが均一な太めの字で、t の横棒や e の開きなど、字形は幾何学的にすっきり整えてあります。

色

青は明るくさわやかな水色寄りです。グレーはごく薄く、白地では青の点だけが目に入ります。文字は真っ黒ではなく、わずかに青みのある黒です。

この作りが効いている理由

点の格子の一部だけに色を付けて形を描くと、見る人は色の付いた点をつないで図を読み取ります。線で描き切るより、読み取る一手間がある分だけ印象に残ります。社名が「？」を意味する言葉なので、その記号がそのまま点から現れる仕掛けは、名前と形をひと続きで覚えさせます。

グレーの点を消さずに残しているのも効いています。格子が見えることで「ここは点の並びでできている」という規則が伝わり、青い点の配置に意図があると分かります。背景になる要素を薄く残すのは、図と地の関係をはっきりさせる手です。

文字を素直な太めのサンセリフにしたので、遊びのあるマークと並べても全体が落ち着きます。