albion.co.jp のデザイントークンをカタログ化。軽やかな weight 300、pill 型 CTA、紺味のダークネイビー。computed style 実測値に基づく。
Web フォント方針: Josefin Sans（Google Fonts、lunchtype22 代替）+ Noto Sans JP（Google Fonts、ヒラギノ代替）を読み込み。
OS フォールバック: Hiragino Sans / Yu Gothic / Meiryo。YakuHanJPs は CDN から読み込み可。
朝の洗顔から夜のスキンケアまで、肌に触れるすべての瞬間が、自分自身と向き合う時間になる。アルビオンが大切にしているのは、その一つひとつの所作に込められた「丁寧さ」です。
アルビオン独自の「乳液先行」という考え方。洗顔後、化粧水ではなく乳液を最初に肌へなじませることで、角層をやわらかく整え、次のスキンケアの浸透を高めます。1974年の発売以来、この哲学は変わっていません。エクサージュ シリーズの乳液は、季節や肌タイプに合わせて 3 種類から選べます。
スキンケアの基本は「清潔にする・整える・守る」。アルビオンでは、クレンジングから日焼け止めまで、すべてのステップに研究の成果が詰まっています。百貨店のカウンターでは、専門のビューティアドバイザーが肌の状態を見ながら最適なアイテムをご提案します。
ALBION のボタンは pill 型（border-radius: 15〜20px）が基本。weight 300 の軽やかなテキストと letter-spacing 0.04em の組み合わせ。セクション遷移ボタンのみ radius: 0px の矩形。
入力欄は border-radius: 10px の角丸。背景は Surface 色 #f3f6f8。フォーカス時は #1e1a34 のボーダーが現れ、エラーは Accent Pink を使用。
実測値はすべて box-shadow: none。ALBION はフラットが基本。Level 1 以上は「必要な場合の推奨値」。モーダルのオーバーレイは rgba(30, 26, 52, 0.8)。
Mobile: ≤ 767px / Tablet: 768 – 1024px / Desktop: > 1024px
タッチターゲットは 44px × 44px 以上（WCAG 基準）。