ブランドガイド
1つのマーク、1つのグリーン、1つのボイス。
Protocoreのブランドシステム全体（ロゴ、クリアスペース、カラー、書体、ボイス、ネーミング）を1ページにまとめました。こちらで閲覧するか、PDFをダウンロードしてください。
v1.0 · 2026-07
ロゴシステム
マークの4つの組み方。
描き起こした素材は、面で構成されたコアマークのみです。ロックアップでは、マークの横または下にRoboto Mediumで社名を配置します。どちらも描き直さないでください。
クリアスペースとサイズ
周囲に余白を、下限にはルールを。
2つの厳密な数値が、どこで使ってもマークの視認性を保ちます。
クリアスペース — 四辺すべてにマーク1つ分の幅。
16 px のマーク — デジタルでの下限。
- クリアスペース
- マーク自体の幅を、四辺すべてに確保します。文字、罫線、ページの端も、この領域には入れません。
- 最小高さ · デジタル
- 16 px。これより小さいと視認性が落ちるため、ロックアップではなくマーク単体を使います。
- 最小高さ · 印刷
- 6 mm。
カラー
5色、役割は厳格に。
基本はほぼモノクロ。グリーンはテーマではなくアクセントで、広い面には使いません。
インク
#0a0a0a
rgb 10 · 10 · 10
明るい背景上のテキスト。暗い面。
ペーパー
#fafafa
rgb 250 · 250 · 250
明るいページの背景。
ホワイト
#ffffff
rgb 255 · 255 · 255
ペーパー上のカード。インク上のテキスト。
アクセント
#3fcf8e
rgb 63 · 207 · 142
グリーン — 暗い面でのみ使用。
ライトアクセント
#0e9e6e
rgb 14 · 158 · 110
白背景上のアクセントテキスト — リンクとラベル。
タイポグラフィ
語るのはRoboto。
2つのファミリーですべてをカバーします。3つ目の書体も、強調のためのイタリックも使いません。
1つのコアに、12のプロダクト。
Roboto 400 · 500 · 700
UIと見出し — 本文は400、見出しとロックアップは500、700は控えめに。
/// FACT SHEET · 12
Roboto Mono 400
ラベル、アイブロー、数字 — 大文字、字間を広めに。
Regular 400Medium 500Bold 700
/// SECTION LABEL
セクションラベルは、スラッシュ3つとスペースで始めます。Roboto Monoの大文字で、字間は広めに設定します。スラッシュは描いた図形ではなく、入力した文字です。
文体とトーン
言葉は少なく、本気で。
見出しからボタンのラベルまで、Protocoreのコピーはすべて5つのルールに従います。
01短い言い切りの文1文に1つの内容。削れる節はすべて削ります。
02具体的な数字実際の数字だけを使います。12のプロダクト、1つのコア。切り上げた数字より、数字を使わない方がましです。
03誇張する形容詞を使わない革新的、シームレス、最先端 — 見つけ次第削除。働くのは名詞です。
04規制に関する表現をしないブランドコピーで、ライセンス、登録、コンプライアンス対応の状況を明言したり、示唆したりしません。
05文頭のみ大文字UIコピー、見出し、ボタンは、英語では文頭のみ大文字にします。すべて大文字にするのは、等幅フォントのラベルだけです。
ネーミング
プロダクトには、ファミリー名を。
例外なく適用する、1つのパターン。
- 初出
- 正式名称で表記します — 「Protocore Pay」「Protocore Gateway」。2回目以降は、プロダクト名のみにします。
- PDS
- Protocore Design System の略称です。初出では正式名称を示し、以降は PDS と表記します。
- 会社名
- Protocore — 1語で、先頭のPのみ大文字。ProtoCore、PROTOCORE、Proto Core は使いません。
使い方
推奨と非推奨。
プレスキットのルールを、システム全体に拡張しました。
推奨
- 01マークの幅と同じ余白を、四方に確保してください。
- 02明るい背景には黒、暗い背景には白のバリエーションを使用してください。
- 03アクセントのバリエーションは、墨色（#0a0a0a）の背景にのみ使用してください。
- 04拡大縮小にはSVGファイルを使用してください。どのサイズでも鮮明さを保てます。
- 05正方形の領域には、縦型ロックアップを使います。
- 06高さが16 px未満になる場合は、マーク単体にします。
禁止
- 01提供しているバリエーション以外に、マークの色を変えないでください。
- 02回転、アウトライン化、影などの効果の追加はしないでください。
- 03マークを描き直したり、比率を変更したりしないでください。
- 04Protocoreの社名を別の書体で組まないでください。ロックアップにはRoboto Mediumを使用します。
- 05アクセントのグリーンを白背景に置かないでください。白背景のアクセントテキストには #0e9e6e を使います。
- 06写真やグラデーションの上にマークを置かないでください。単色のインクまたはペーパーの上にのみ使えます。
ファイル
システムを、手元に。
ガイドはPDF、アセットは1つのzipにまとめています。個別のファイルはすべてプレスページにあります。