REMOSELL — Brand Foundation

アポを“取る”で
終わらせない。

この1枚は すべて design token から描画。Light / Dark の切替はトークンの alias 上書きだけで成立する（“dark just works”）。色は知覚均等な OKLCH、ソースは W3C DTCG JSON、ビルドは Style Dictionary。全ペア WCAG 2.2 AA をビルド時に自動検査。

カラー — OKLCH ramp

主役 teal（ブランド資産）＋ cool gray（faint teal undertone）＋ semantic。明度を知覚均等に刻むので、テーマ/ホバーを式で生成できる。

サーフェス・ボタン・状態

運用テーブル（高密度・44px 行・数値 tabular）

タイポグラフィ — ops（密）と 表現面（大型 display）

モーション（token 駆動・hover で確認）

duration / easing をトークン化。prefers-reduced-motion で自動的に 0 へ（前庭障害配慮）。

Component Kit（再利用層・components.css）

トークンを消費する再利用コンポーネント。全 surface（ops/LP/資料）がこの kit を着せ替えて使う。light/dark 両対応。