チャンネルブランド ガイド
4 SNS 共通。主面＝紺（工房）・副面＝ブランド青。自主制作。
表示名 Kenji Ido@idk0723ai
主 AIで作って、本番に出す。
シリーズ MAKING #NNHP kenji6836.github.io
01マーク
3 形態（logo.svg の symbol）
余白 = 1/4
既定／白抜き（青べた上）／紺上。余白 1/4・最小 48px
ルール
- 角丸 22.5%・K は Noto Sans JP 900・カーソルは K のベースラインに揃える
- アバターは顔写真版（右下にマーク・紺リング）を推奨。マーク版は予備
- 白抜き #mark-white は青べたの上だけ。紺・白の上は既定 #mark
禁止例
色を変える
カーソルを消す
回転・変形
青地に青マーク
02色
#2457e6ブランド青
#0b1430紺・主面
#121c3d紺 2
#86a8ff淡青
#e9efff薄青
#f5a524琥珀
#1a7f4bOK 緑
#ffffff白
琥珀は 1 画面 1 か所（カーソル／本番／CTA／左端帯）。紺面は外周 1px＋琥珀帯
03書体
AIで作って、本番に出す。
Noto Sans JP 900・palt
見出し・字幕。字間 −2%
Kenji Ido
Noto Sans JP 700／400
名前 700・本文 400
@idk0723ai
IBM Plex Mono 500
ハンドル・URL・端末・チップ（600）
04面と部品 brand.css の実物
MAKING
主面＝紺。副面＝青べたは X 画像投稿・チップ・ボタンだけ
ルール
- 端末スニペット「$ claude …」はこのチャンネルの記号。青の面
.v-panelに Plex Mono で置く - 青一色を主面にしない（広告調になる）。動画の地も紺
- UI 風の図は輪郭なし・2 段階陰影・光源統一・フラット
05字幕
作ったら、そのまま本番へ。
まず、日本語で頼む
.cap 白 900・紺帯。1080 幅で 64px 以上・1 行 13 字・2 行以内・強調は 1 行 1 つ
ルール
- 強調は琥珀
emか青面白抜き.k。静止画は 40px 以上 - 縦動画の位置は y 1180〜1460px。上 220・下 420・右 120px に重要要素を置かない
- 白地に載せる時は
.cap.on-white（墨文字・青の左線）
06アイコン・ヘッダー・バナー
07投稿テンプレ
チップ→見出し 2 行→本文→実物スクショ枠→ワードマーク。「自主制作」必須
ルール
- スクショは実物のみ（HP・アプリ・端末）。数字は台帳の実数か「サンプル」明記
- 縦型は上 220・下 420・右 120px を空ける
08各 SNS の画像規格 確認日 2026-09-14 JST
| SNS | 項目 | 規格 | 判定 | 出典 |
|---|---|---|---|---|
| X | プロフィール画像 | 400×400 推奨 | ✅ | help.x.com ↗ |
| X | ヘッダー | 1500×500 推奨 | ✅ | 同上 |
| YouTube | バナー | 最小 2048×1152・推奨 2560×1440・≤6 MB | ✅ | support.google.com ↗ |
| YouTube | バナー安全域 | 1235×338（最小時）→ 2560 換算 1546×423 | ✅／換算 🟡 | 同上 |
| YouTube | プロフィール画像 | 800×800（慣用） | 🟡 | support.google.com ↗ 数値未取得 |
| フィード | 幅 1080・1.91:1〜4:5（高さ 566〜1350） | ✅ | help.instagram.com ↗ | |
| リール | 1080×1920（9:16） | 🟡 | help.instagram.com ↗ 本文取得不可 | |
| プロフィール画像 | 320×320（慣用） | 🟡 | 公式数値なし | |
| TikTok | プロフィール画像 | 正方形・最小 20×20（表示 250×250 以上の報告） | 🟡 | support.tiktok.com ↗ 本文取得不可 |
| TikTok | 動画 | 1080×1920（9:16） | 🟡 | 慣用値 |