縦型(基本)横型
横型 · 背景
シンボル
ワードマーク文字のみ大きな見出し · バナー · 書類 — 名前が必要な場所ロックアップシンボルと文字を離して配置 — 基本シンボルと文字は別ファイル · 間隔 ≥ 文字の大文字高さ×0.75 · 絶対に重ねない · 顔は円の余白内(直径の82%以内)、切れ禁止
x| 縦型 | 幅 96px · 25mm |
| 横型 | 幅 120px · 30mm |
| シンボル | 24px · 6mm |
| ワードマーク | 幅 90px · 24mm |
Navy#07131E
RGB 7·19·30
CMYK ~88·37·0·88
Background · text on light
Cream#F6E7C8
RGB 246·231·200
CMYK ~0·6·19·4
Text on dark · logo outline
Cyan#22B8EC
RGB 34·184·236
CMYK ~86·22·0·7
Accent · shadow · links
Pink#FF6F8E
RGB 255·111·142
CMYK ~0·56·44·0
Accent line · alerts (sparingly)
Navy 2#0F2536
RGB 15·37·54
CMYK ~72·31·0·79
Cards · panels
| Pair | Contrast | WCAG |
|---|---|---|
| Cream / Navy | 15.3:1 | AAA |
| Cyan / Navy | 8.2:1 | AAA |
| Pink / Navy | 7.1:1 | AAA |
| Navy / Cream | 15.3:1 | AAA |
| Navy / Cyan | 8.2:1 | AAA |
| Cyan / Navy 2 | 6.8:1 | AA |
| Cyan / Cream | 1.9:1 | ✕ |
Aa 가나다 123 — Regular · Medium · Bold
| 見出し · 数字 | Bold 700 | 32px 以上 |
| ラベル · ボタン | Medium 500 | 16px 以上 |
| 本文 | Regular 400 | 16px 推奨 · 13px 未満禁止 |
引き伸ばし・つぶし色の変更回転・傾け影・効果の追加複雑な背景の上