Next.jsのロゴ

何でできているか

マークは持たず、大きな「NEXT」と、右下に小さく添えた「.JS」でできています。色は黒の1色です。

形

NEXT の4文字は大文字で、横幅の広い幾何学的なサンセリフです。線の太さはほぼ一定で、角は丸めずに切り落としてあります。

いちばん目を引くのは X です。左上から右下への斜線は1本につながっていますが、もう一方の斜線は途中で途切れ、左下の部分が離れた小片になっています。右上へ伸びる部分は先へ行くほど細くなります。X が完全な交差にならず、少しずれた形に崩してあります。

.JS は NEXT の半分以下の高さで、NEXT の下端にそろえて右端に置かれています。点・J・S の3つは NEXT よりも詰めて組まれています。

色

黒1色です。影やグラデーションは無く、白地に黒の面だけで成り立っています。

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

整った幾何学的な書体で組んだロゴタイプは、清潔な反面、ほかの名前と見分けにくくなります。1文字だけ形を崩すと、その字が目印になり、書体の整い方を損なわずに固有の形が生まれます。X の斜線を途切れさせたのは、崩す範囲を最小限に抑えた一手です。

主役の名前を大きく、補足の .JS を小さく下にそろえると、読む順番が自然に決まります。サイズ差をはっきり付けると、長い名前でも主役の部分だけが記憶に残ります。

色を黒1色に絞っているので、ダークモードでは白に反転するだけで同じ形が使えます。エディタや README のように背景が明暗どちらにもなる場所では、この単純さがそのまま扱いやすさになります。