Tokenzブランドガイドライン。 Commercein motion.

レイアウト、コピー、写真に迷ったら、この3つに照らして判断してください。

読み手は、事業を動かしている人です。求めているのは、答え、数字、次の行動。この順番で伝えます。

本文中では、必ず Tokenzと表記し、Tを大文字にします。すべて小文字の表記は、ロゴの中でのみ使用します。

名前を認識してもらう必要がある場面では、組み合わせロゴ全体を使います。背景を選ぶと、使用可能なカラーに切り替わるか、使用できない理由が表示されます。

組み合わせロゴは、Tokenzの名前を伝えるもの。シンボルは、名前がすでに知られている場面で使います。アプリアイコンは、専用の背景にシンボルを配置したものです。

ロゴには、常にひとつのベタ色を使います。基本は、明るい背景にInk、暗い背景にStoneです。

クリアスペースは x = H / 4です。Hはシンボルの高さで、組み合わせロゴの高さでもあります。上下左右に、少なくともxの余白を確保してください。

スライダーでサイズを変えられます。余白と数値が連動し、最小サイズを下回るとロゴが赤くなります。

幅ではなく、見た目の重さを揃えます。パートナーロゴの高さはH以下とし、区切り線の左右にそれぞれHの間隔を取ります。区切り線を使わない場合は、2つのロゴの間にHの間隔を確保してください。

写真の最も落ち着いた部分に、コントラストが最も高い色でロゴを配置します。適した場所がなければ、トリミングを変えてください。ロゴの後ろにボックスやプレートを追加しないでください。

実際のアートワークを使い、何が問題になるかを示しています。ここにない使い方が必要な場合は、まずデザインチームに相談してください。

Tokenzのデザインシステムから採用したカラーです。ブランド・製品・コードが、同じ基準を共有します。値をクリックするとコピーできます。

マーケティングは製品UIより大胆に表現できますが、どちらもOliveの割合は抑えます。使いすぎると、ブランドではなくライム色のテンプレートに見えてしまいます。

Oliveは、価値が動く場所を示します。暗い背景のシンボル、画面ごとの主な操作、完了を伝える場面に使います。

Lightは大きな見出しにのみ使い、落ち着いた表情を作ります。Regularは読むための文字に、Mediumはラベルや強調に使います。

SIL Open Font Licenseに基づき、無料で利用できます。配布元： Google Fonts.

日本語には、読みやすさを重視したユニバーサルデザインのゴシック体、UD Shin Go NT Proを使います。Webでライセンスを利用できない場合は、Noto Sans JPを代替書体にします。

サイズとウェイトで情報の階層を作り、大きな文字ほど字間を詰めます。画面の本文は、文字サイズ16 px・行送り24 pxを起点にしてください。

ひとつの大きなシンボルを媒体の端で切ることで、あらゆる面をTokenzらしく表現できます。これはロゴではなくグラフィックとしての使用なので、裁ち落としが可能です。

柔らかな日差し、ありのままの素材、ゆったりとした余白。質感はブランドを引き立てるもので、競い合うものではありません。

軌道の切れ目がリングを一周し、元の位置に収まります。価値がシステムを巡り、決済が完了する流れを表しています。

意図を示すコンセプト例です。最終データは、マスターファイルと製作業者のテンプレートから制作してください。

チャネルに合わせて構成します。ロゴとメッセージは、縁から10%の安全領域の内側に収め、1:1・4:5・9:16に合わせてレイアウトを組み直してください。

SVGがマスターファイルです。PNGは、高解像度の透過背景の画面用データです。モックアップやスクリーンショットからロゴを抜き出さないでください。

製品ロゴ、共同ブランドの制作物、大型設置物、キャンペーンコピーなど、新しいものを作る前にTokenzデザインチームに相談してください。

お問い合わせ inquiries@tokenz.one