02 / Typography
タイポグラフィ階層
商品名オーバーレイ — Hero (32px / 300)
32px / weight 300 / line-height: 1.4 / letter-spacing: normalヒーロー
セクション見出し — H2 Section (24px / 300)
24px / weight 300 / line-height: 1.4 / letter-spacing: normalセクション
ナビ見出し — H2 Nav (20px / 300)
20px / weight 300 / line-height: 1.4 / letter-spacing: normalナビゲーション
ナビゲーション — Span Nav (17px / 400)
17px / weight 400 / line-height: 1.2 / letter-spacing: normalナビ
小見出し — H3 (16px / 700)
16px / weight 700 / line-height: 1.3 / letter-spacing: normalセクション
補足テキスト — P Sub (17px / 300)。PLST の特徴的な軽さが際立つサイズ感。一般的な本文より少し大きめだが weight 300 で空気感を出す。
17px / weight 300 / line-height: 1.5 / letter-spacing: normalサブテキスト
本文テキスト — P Body (14px / 300)。商品説明や注意書きなどの一般的な本文。weight 300 のベタ組で、PLST らしい繊細さを保つ。ABCabc 123 の和欧混植。
14px / weight 300 / line-height: 1.5 / letter-spacing: normal本文
Cookie 見出し — H4 (14px / 700)
14px / weight 700 / line-height: 1.5ダイアログ
リンクテキスト — A (16px / 400)
16px / weight 400 / line-height: normalリンク