サイトを開く
サードウェーブコーヒーの代表。クラフト感と美しい写真主導のデザイン。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#000000Color #1
#000000Color #2
#333333Color #3
#ffffffColor #4
#545454Color #5
#6c6864タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | ABC Marfa Regular |
24px | 400 | 32px | 1.6px |
| h2 | ABC Marfa Regular |
24px | 400 | 32px | 1.6px |
| h3 | ABC Marfa Regular |
16px | 400 | 22px | 1.6px |
| 本文 | ABC Diatype Regular |
12px | 400 | 16px | normal |
| リンク | ABC Diatype Regular |
12px | 400 | 16px | normal |
| ボタン | ABC Diatype Regular |
16px | 400 | 24px | normal |
使用フォント頻度
ABC Diatype Regular730箇所
ABC Marfa Regular52箇所
Nunito Sans18箇所
スケール・形状
- セクション余白(pt/pb)
- 96-96px / 96-96px / 96-96px / 96-96px / 96-96px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 84px / position: relative
