gokokumai.co.jp ↗
サイトを開く
「五穀米」を日本で初めて開発した創業90年を超えるお米と雑穀の専門店。全国から厳選された体にやさしい無添加食品も数多く取り揃えています。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#3b312bColor #1
#3b312bColor #2
#3a3a3aColor #3
#aaaaaaColor #4
#ffffffColor #5
#3b312b8cタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | dnp-shuei-gothic-gin-std |
11px | 700 | 15.4px | 0.48px |
| h2 | dnp-shuei-gothic-gin-std |
24.6857px | 700 | 34.56px | 0.48px |
| h3 | dnp-shuei-gothic-gin-std |
27.7714px | 700 | 38.88px | 0.48px |
| 本文 | dnp-shuei-gothic-gin-std |
20px | 600 | 34px | 0.48px |
| リンク | dnp-shuei-gothic-gin-std |
12px | 600 | 12px | 0.48px |
| ボタン | dnp-shuei-gothic-gin-std |
12px | 700 | 12px | normal |
使用フォント頻度
dnp-shuei-gothic-gin-std482箇所
ヒラギノ角ゴ Pro W3315箇所
din-20143箇所
スケール・形状
- 角丸スケール
- 50% / 6.17143px / 18.5143px / 100px / 102.857px / 28px 28px 0px 0px / 6px / 3px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 462.857-0px / 61.7143-51.4286px / 45-45px / 41.1429-45px / 41.1429-45px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 179px / position: absolute
