7ブランド 正準カラーパレット
— 用途別10色 × WCAG実測 —

Aパレット 10色 — 用途・コントラスト実測

B装飾サンプル(SWELL本番出力相当)

C既存実装色からの差分

DSYSTEM_PROMPT 焼き込みスニペット

/* === inumame.net inline color tokens === */
/* 編集部の一言ボックス */
background: #F5F0E8; /* main-thin */
.title { color: #3D6A3D; font-weight: 700; } /* main-deep */

/* 注意ボックス */
background: #FBEEEE; border-left: 4px solid #B94646;
.title { color: #B94646; font-weight: 700; }

/* 補足・参考ボックス */
background: #EEF3F8; border-left: 4px solid #4A6FA5;
.title { color: #4A6FA5; font-weight: 700; }

/* まとめボックス */
background: #F5F2EE;
.title { color: #333; font-weight: 700; }

/* マーカー */
.swl-marker { background: linear-gradient(transparent 70%, #FCE9C5 70%); }

/* CTAボタン */
background: #A04A0A; color: #FFFFFF;
padding: 14px 40px; border-radius: 4px; font-weight: 700;

ESWELL カスタマイザー推奨値

Aパレット 10色(候補B採用版)

B装飾サンプル

C差分理由

DSYSTEM_PROMPT 焼き込みスニペット

/* === nekomame (within inumame.net /category/cat/) === */
/* SWELLカスタマイザーは親と共有のため触らない。  */
/* 本文インライン色のみ猫サブブランド専用に分岐。  */

/* 編集部の一言ボックス(猫専用) */
background: #EFE6D6; /* antique beige */
.title { color: #7A5A38; font-weight: 700; } /* deep amber */

/* 注意・補足・まとめは親いぬまめと同一仕様 */
background: #FBEEEE; border-left: 4px solid #B94646;  /* warn */
background: #EEF3F8; border-left: 4px solid #4A6FA5;  /* info */
background: #F1ECE3;                                  /* matome (slightly cooler) */

/* マーカー(琥薄) */
.swl-marker { background: linear-gradient(transparent 70%, #F0E2C6 70%); }

/* CTAボタン(親と統一) */
background: #A04A0A; color: #FFFFFF;

Aパレット 10色

B装飾サンプル

C差分理由

DSYSTEM_PROMPT 焼き込みスニペット

/* === bun-bun.jp/column/ === */
background: #EAF0F6; .title { color: #1F3A5F; }                /* 編集部の一言 */
background: #FBF3DE; border-left: 4px solid #9C6E18;           /* 注意 (オリーブ系で赤を回避) */
.title { color: #9C6E18; }
background: #EEF2F5; border-left: 4px solid #3F6680;           /* 補足・参考 */
.title { color: #3F6680; }
background: #F2F2F0;                                           /* まとめ */
.swl-marker { background: linear-gradient(transparent 70%, #FFE08A 70%); }
/* 自社CTA */
background: #B85A0E; color: #FFFFFF;
/* LINE誘導CTAは別ボタンで #06C755 を維持 */

ESWELL カスタマイザー推奨値

Aパレット 10色

B装飾サンプル(墨×古色金)

C差分理由 / 運用ルール

DSYSTEM_PROMPT 焼き込みスニペット

/* === mikaboshi.net/column/ === */
background: #e8ddc4; .title { color: #14151a; font-weight:700; }   /* 編集部=志乃の言葉 */
background: #f4e4e0; border-left: 4px solid #8b3a3a;                /* 注意(墨赤)*/
.title { color: #8b3a3a; }
background: #e8ebf2; border-left: 4px solid #3a4a6e;                /* 補足(藍)*/
.title { color: #3a4a6e; }
background: #ece9e2;                                                /* まとめ(砂白)*/
.swl-marker { background: linear-gradient(transparent 70%, #f1e6c4 70%); }
/* CTA(墨bg + 古色金文字、夜の鳥居メタファー)*/
background: #14151a; color: #b59a5c;

/* === 禁則(SYSTEM_PROMPTに明記) === */
/* NG: 背景 #14151a に文字 #333 — コントラスト破綻 */
/* OK: 背景 #14151a の上には #fff か #b59a5c のみ */

ESWELL カスタマイザー推奨値

Aパレット 10色(候補B採用版)

B装飾サンプル

C差分理由

DSYSTEM_PROMPT 焼き込みスニペット

/* === nagi-ai.net/column/ (養分のトリセツ) === */
background: #EEF1F8; .title { color: #1B2A4A; }
background: #FBE9D8; border-left: 4px solid #B85510;  /* 注意(オレンジで紺と分離)*/
.title { color: #B85510; }
background: #EEF3F8; border-left: 4px solid #4A6FA5;  /* 補足 */
.title { color: #4A6FA5; }
background: #F2F2F0;                                  /* まとめ */
.swl-marker { background: linear-gradient(transparent 70%, #FAE3B5 70%); }
background: #1B2A4A; color: #FFFFFF;                  /* CTA(信頼訴求)*/

/* === YMYL運用ルール === */
/* NG: 「絶対」「必ず」「100%」「儲かる」 */
/* OK: 「事例として」「相談先として」「選択肢のひとつ」 */

ESWELL カスタマイザー推奨値

Aパレット 10色

B装飾サンプル

C差分理由

DSYSTEM_PROMPT 焼き込みスニペット

/* === biyou-tane.net/column/ (かおのたね) === */
background: #FBE9E7; .title { color: #9E4452; }            /* 編集部 */
background: #FBE9D8; border-left: 4px solid #B85510;       /* 注意(暖オレンジでローズと分離)*/
.title { color: #B85510; }
background: #F1EEF6; border-left: 4px solid #7A6A98;       /* 補足(薄紫)*/
.title { color: #7A6A98; }
background: #F5EFEA;                                       /* まとめ(ソフトベージュ)*/
.swl-marker { background: linear-gradient(transparent 70%, #FCE9C5 70%); }
background: #9E4452; color: #FFFFFF;                       /* CTA */

/* === 薬機法 NGワード(SYSTEM_PROMPT に必ず含める) === */
/* NG: 治る / 効く / 完治 / 副作用ゼロ / 永久 / アンチエイジング(医薬部外品以外)*/
/* OK: 整える / 守る / 保つ / 化粧効果 / 整肌 */

ESWELL カスタマイザー推奨値

Aメイン色 方向性比較

B採用案 — Olive Khaki + Sand + Burnt Orange

C装飾サンプル

D既存6ブランドとの被り度マトリクス

E差分理由 / 設計判断

FSYSTEM_PROMPT 焼き込みスニペット

/* === golf-hack.net === */
background: #EFEAD8; .title { color: #5A5A2E; font-weight:700; }   /* 編集部の一言 */
background: #F4E4E0; border-left: 4px solid #7A2E2E;                /* 注意(バーガンディ)*/
.title { color: #7A2E2E; font-weight: 700; }
background: #E4EEF0; border-left: 4px solid #2D5F6B;                /* 補足(ティール=池ハザード)*/
.title { color: #2D5F6B; font-weight: 700; }
background: #EDE7D6;                                                /* まとめ(サンド寄りグレー)*/
.swl-marker { background: linear-gradient(transparent 70%, #F5DC8F 70%); }
background: #B85510; color: #FFFFFF;                                /* CTA(バーントオレンジ)*/

/* === 景表法 NGワード(SYSTEM_PROMPTに必ず含める) === */
/* NG: 絶対 / 100% / 必ず上達 / 誰でも飛ぶ / 確実 */
/* OK: 〜しやすい / 傾向がある / 個人差はあるが / 多くの方が */

GSWELL カスタマイザー推奨値