Brand GuidelinesVer. 1.0Terranoah

Z.A.P. の使い方。

ロゴ、色、書体の規定と、データのダウンロード。
迷ったら、いちばん上のロゴをそのまま使ってください。

02 — Usage

余白と最小サイズ

ロゴの周囲には、ロゴの高さの4分の1以上の余白を確保してください。 他の要素、画像の主役、紙の端が、この範囲に入らないようにします。

余白の取り方の図

小さく使うとき

切り欠きは高さ 24px を下回ると潰れて、かえって読みにくくなります。 それ以下では切り欠きのない小サイズ版に差し替えてください。

48px — 標準版
24px — 下限
16px — 小サイズ版
32px — マーク

やってはいけないこと

変形

縦横比を変えない。拡大縮小は必ず等倍で。

回転

傾けない。切り欠きの角度が意味を持っています。

効果

影、光彩、グラデーション、立体化をかけない。

地色

ブランド外の色の上に置かない。黒・白・写真のみ。

03 — Color

カラー

地はほぼ黒。暖色はシグナルオレンジ1色だけで、これは発煙筒の色です。 安易に増やさないでください。データシアンは補助で、情報の種類を分けるときにだけ使います。

Void#06080B すべての地。黒より少し青い。
Signal Orange#FF5A1E 唯一のアクセント。発煙筒・CTA・ロゴのドット。
Data Cyan#35D6E8 補助。システム側の情報にだけ。
Ink#EEF2F4 本文と見出し。純白は使わない。
Panel#0C1117 カードや表の面。
Dim#8494A1 補足のテキスト。

小さい文字にオレンジを使うとき

#FF5A1E は白地では 3.12:1 しかなく、小さい文字では読みにくくなります。 白地に小サイズで使う場合は #A8390E(6.45:1)に差し替えてください。 暗い地の上ではそのままで問題ありません(6.39:1)。

組み合わせコントラスト比判定
#FF5A1E / #06080B6.39 : 1問題なし
#FF5A1E / #FFFFFF3.12 : 118pt以上の大きな文字のみ
#A8390E / #FFFFFF6.45 : 1問題なし
#EEF2F4 / #06080B17.6 : 1問題なし
#8494A1 / #06080B6.43 : 1問題なし
04 — Typography

書体

3役に分けています。数字は必ずモノスペースで、桁が揃うようにしてください。

Display — 見出し
現実を、攻略しろ。
Helvetica Neue / Arial Narrow / Bahnschrift ・ weight 800 ・ letter-spacing −.03em
Body — 本文
平日は街を回って強くなり、週末に5人のクルーで挑む。壁のないアリーナで戦う、新しいリアルFPS。
Hiragino Sans / Yu Gothic / Noto Sans JP ・ 16px ・ line-height 1.9
Mono — ラベルと数値
AREA OKA-01 / SEASON 01 / 60 SEC / 5 CREW
ui-monospace / SF Mono / Menlo ・ letter-spacing .14em ・ tabular-nums

ロゴの副題について

ロックアップの「ZERO ARENA PLAY」は Barlow Light(SIL Open Font License 1.1)で組み、 アウトライン化してあります。商用利用・ロゴへの使用ともに許諾されている書体です。 ロゴタイプ本体(Z.A.P. の3文字)はフォントを使わず、専用に作図した図形です。

05 — Download

ダウンロード

印刷・大判に使う場合は SVG を使ってください。拡大しても劣化しません。 PNG は背景が透過しています。

ロゴキット一式 SVG 9点 + PNG 17点 + 使用条件(README)/ 253 KB ZIP をダウンロード
ロゴタイプ

基本のかたち。ほとんどの場面はこれで足ります。

ロックアップ

ZERO ARENA PLAY つき。初出や表紙で使います。

マーク

Z. のみ。SNSのアイコンや、狭い場所に。

正方形アイコン

背景込み。アプリやプロフィール画像に。

モノクロ

1色でしか出せない媒体用。白と黒。

小サイズ版

切り欠きなし。高さ24px未満で使います。