Design System
デザインシステム
KITAMAE BASE 加賀橋立の公開デザインシステムです。配色・書体・余白・主要コンポーネントの様式を、関係者・協力会社との認識合わせのために公開しています。正本は CSS トークン（tokens.css）です。
カラートークン
azumi 由来のクール濃紺（ink）と藍鼠（surface）を基調に、青は機能限定で用います。
- ink#00053A
- ink header#0A152F
- accent muted#3A4A6B
- surface#EFF4F6
- text secondary#585E6A
- success#2F6F6A
- error#B3322F
- warning#B06A2A
タイポグラフィ
明朝＝作品的な見出し / ゴシック＝機能（ナビ・本文・数値）の二分法。
大見出し（Hero）
見出し1（H1）
見出し2（H2）
見出し3（H3）
本文。読みやすさを最優先に、行間を広く取り、計測幅を制限しています。
書体役割の二分法（R029）
eyebrow = 機能語（ナビ・ラベル・セクション区分）。heroTitle = 情緒語（ページの顔・作品的見出し）。同じ Serif でも役割クラスで使い分ける。
vds-eyebrow
Eyebrow — 機能語
vds-display-heading
海が見える、ここにしかない夕暮れ。
余白スケール
- 0.5rem
- 0.75rem
- 1rem
- 1.5rem
- 2.5rem
- 4rem
主要コンポーネント
主CTA副次アクションEyebrow Label
CanBusTimetableModal
アクセスページの CAN BUS 時刻表モーダル。ルートタブ切替・ESC クローズ・スクロールロック対応。