REMOSELL — Brand Foundation
この1枚は すべて design token から描画。Light / Dark の切替はトークンの alias 上書きだけで成立する(“dark just works”)。色は知覚均等な OKLCH、ソースは W3C DTCG JSON、ビルドは Style Dictionary。全ペア WCAG 2.2 AA をビルド時に自動検査。
主役 teal(ブランド資産)+ cool gray(faint teal undertone)+ semantic。明度を知覚均等に刻むので、テーマ/ホバーを式で生成できる。
duration / easing をトークン化。prefers-reduced-motion で自動的に 0 へ(前庭障害配慮)。
components.css)トークンを消費する再利用コンポーネント。全 surface(ops/LP/資料)がこの kit を着せ替えて使う。light/dark 両対応。