02 / Typography — 実測値
タイポグラフィ階層
コメダ珈琲店 — Logo (32px)
32px / 700 / line-height: 1.5 / letter-spacing: 0.8px / color: #e95513ロゴ
ページタイトル — Heading 1 (h1)
32px / 700 / line-height: 1.5 / letter-spacing: 0.8px / palt: なしページ
セクション見出し — Heading 2 (h2)
24px / 700 / line-height: 1.5 / letter-spacing: 0.8px / palt: なしセクション
ニュースタイトル — Body Bold (16px)
16px / 700 / line-height: 1.5 / letter-spacing: 0.8pxニュース
本文テキスト — ゆったりとした字間で、街の喫茶店のような温もりを文字組みで表現しています。letter-spacing: 0.8px がグローバルに適用されているのがコメダの特徴です。ABCabc 123
16px / 400 / line-height: 1.5 / letter-spacing: 0.8px本文
ラベル・小見出し — Small Bold (14px)
14px / 700 / line-height: 1.5 / letter-spacing: 0.8pxラベル
ナビゲーションサブ項目 — Nav Sub (13px)
13px / 700 / line-height: 1.5 / letter-spacing: 0.8px / color: #666サブナビ
パンくずリスト > カテゴリ > 記事 — Breadcrumb (13px)
13px / 400 / line-height: 1.5 / letter-spacing: 0.8px / color: #e95513パンくず
ブランドラベル — Caption (13px)
13px / 700 / line-height: 2.46 / letter-spacing: 0.8px / color: #999キャプション