将
RS Design System v2 · Foundation
OKLCH · light/dark · DTCG → Style Dictionary
REMOSELL Design System v2 — コア「受注に同じ熱量で向き合う相棒」
受注まで、
同じ熱量で。
独りの市場開拓に、裏切らない相棒を。
独りで市場開拓を背負うリーダーの、裏切らない相棒。"受注"に同じ熱量で向き合い、戦略で応え、親しみで隣に立つ——それが RS。
Mantra = 熱量・戦略・親しみ（相棒）。数字は主役でなく、その熱量と成果の証明。
↓ 以下は すべて design token 駆動（OKLCH / DTCG / Style Dictionary / WCAG 2.2 AA 自動検査 / light·dark）。
ブランドの魂（DNA）— なぜ・どう感じさせるか
token の上位にある「魂」。これが定義されて初めて DS は個性を持つ（詳細 = DESIGN.md）。
デザイン原則 5（優先順・上が衝突時に勝つ）
- 熱量が主役、数字は証明 — 人の温度 over 冷たい精密
- 親しみで迎え、プロで応える — "ギャップ"（親しみ×深さ）
- 深く作り、シンプルに見せる — シンプル over 深さ誇示
- 本物だけ、上辺を作らない — 大げさ・雑・上辺を禁ず
- 横に立つ相棒、上に立たない — 伴走 over 権威
Personality（Sage×Caregiver・ギャップ）
誠実熱量がある戦略的親しみやすい明るい泥臭い
らしくない: 硬派 / 大げさ / 雑 / 上から目線 / 自信家
Only（唯一性）
"受注"に同じ熱量で向き合える唯一の相棒
敵 = 熱量の無い「数・安さだけの代行」。RB = 事業開発ファームのノウハウ × 架電者を使い捨てない思想。
見せ方 — 人（熱量）が主役、数字が証明
熱量が主役、数字は証明（原則1）。人の温度・親しみを前面に、数字はそれを裏づける。
① 相棒（熱量・主役）
独りで市場開拓を背負うリーダーに、"受注"へ同じ熱量で向き合う相棒。熱量・親しみは人（写真）とトーンで主役に出す。親しみで迎え、戦略の深さで応える（ギャップ）。
② 数字（証明・脇役）
成果は IBM Plex Mono の tabular で正確に。ただし数字は主役を人の熱量に譲り、"証明"に徹する。the teal rule で「今ここ」を単一所作で。
今週の商談獲得14 / 12▲ 117%
成功率8.6%▲ +2.1
らしい = 誠実 / 熱量 / 戦略的 / 親しみ / 明るい / 泥臭い ｜ らしくない = 硬派 / 大げさ / 雑 / 上から目線 / 自信家（DESIGN.md v2.3・共同発見で決定）
キービジュアル（KV）— 相棒（人）が主役、数字は証明
受注に同じ熱量で向き合う相棒（人）を主役に、明るい warm light。計器盤＝数字は"証明"の脇役へ。※ 実写は新プロンプト（kv/rs_kv_people_illust_prompts_v4.md・グリッド生成）→ 差し替え。
実写差し替え予定
生成 = codex imagegen グリッド ideate（2x2=4案/枚・variation lens）／方針 = DESIGN.md L6・L7。people は実写優先。
カラー — OKLCH ramp
主役 teal（ブランド資産）＋ cool gray（faint teal undertone）＋ semantic。明度を知覚均等に刻むので、テーマ/ホバーを式で生成できる。
Teal（primary）
Gray（neutral · cool）
Semantic（success · warning · danger · info）
サーフェス・ボタン・状態
Buttons（the teal rule = 単一アクセント）
Status（色＋ラベル＋ドット）
受注商談中
要対応失注
今週の商談獲得
14 / 12
▲ 目標比 117%
成功率
8.6%▲ +2.1
運用テーブル（高密度・44px 行・数値 tabular）
| 企業 | ステータス | 架電 | アポ率 |
|---|
| オリックス・リビング | 商談中 | 128 | 9.4% |
| みやび冷熱工業 | 受注 | 86 | 11.6% |
| 宏和エンジニアリング | 要対応 | 54 | 5.2% |
タイポグラフィ — ops（密）と 表現面（大型 display）
display-lg受注が起きる商談
4xl / 38章扉の見出し
2xl / 24セクション見出し
md / 16Web 本文。IBM Plex Sans JP で和文も同family。
base / 14ops UI 既定の高密度本文。
mono tabular¥2,550,000 ・ 88,166 社 ・ 117%
モーション（token 駆動・hover で確認）
duration / easing をトークン化。prefers-reduced-motion で自動的に 0 へ（前庭障害配慮）。
base 200ms / emphasized
fast 140ms / ease-out
Component Kit（再利用層・components.css）
トークンを消費する再利用コンポーネント。全 surface（ops/LP/資料）がこの kit を着せ替えて使う。light/dark 両対応。
| 企業 | 状態 | 架電 | アポ率 |
|---|
| オリックス・リビング | 商談中 | 128 | 9.4% |
| みやび冷熱工業 | 受注 | 86 | 11.6% |
| 宏和エンジニアリング | 要対応 | 54 | 5.2% |
App UI Kit（拡張）— 実アプリ要素
アプリ開発に要る部品を拡張。Cockpit(Next.js) に import できるフレームワーク非依存 CSS。全て token 駆動・light/dark 対応。
Alert / Banner
受注今週の商談から2件が受注に。
要対応未架電リストが3件。
失注要因を記録してください。
Progress / Segmented
目標達成度 68%
Menu / Tooltip / Breadcrumb / Pagination
the teal rule
Motion（拡張）— token 駆動・動的
duration / easing（spring 追加）で標準化。prefers-reduced-motion で自動的に無効化。クリックで再生。
fade — base 200ms / ease-out
rise — slide-up + fade
pop — scale + spring（軽い overshoot・press/pop に限定）
緊急稼働化しますか？
要理由。exec 権限で監査ログに記録されます。
架電リストを開く L
週次レポート R
企業マスタ C