unagipai-factory.jp ↗
サイトを開く
うなぎパイファクトリー工場見学:伝統と匠の技が生む、こだわりの菓子づくり、大切な人と過ごすひとときの心温まるお菓子であってほしい。そんな思いを込めてひとつひとつ丁寧に作り上げています。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#3b4043Color #1
#3b4043Color #2
#ffffffColor #3
#f50025Color #4
#8d8f91タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Noto Sans JP |
32px | 700 | 36.8px | normal |
| h2 | Noto Sans JP |
24px | 700 | 36px | normal |
| h3 | Noto Sans JP |
16px | 700 | 24px | 1.6px |
| 本文 | Noto Sans JP |
14px | 700 | 21px | normal |
| リンク | Noto Sans JP |
32px | 700 | 36.8px | normal |
| ボタン | Kanit |
16px | 500 | 18.4px | normal |
使用フォント頻度
Noto Sans JP344箇所
Kanit33箇所
スケール・形状
- 角丸スケール
- 100px / 50% / 16px / 24px / 50px / 50% 50% 0px 0px
- セクション余白(pt/pb)
- 80-0px / 180-290px / 100-100px / 80-100px / 110-132px
- コンテナ幅
- width: 1440px / max-width: 1440px
- ナビゲーション
- 高さ 80px / position: absolute
