サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#333333Color #1
#333333Color #2
#222222Color #3
#006699Color #4
#444444Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | Lato |
42px | 300 | 50.4px | 0.84px |
| 本文 | NotoSansJP |
16px | 400 | 32px | 0.96px |
| リンク | NotoSansJP |
16px | 400 | 32px | 0.96px |
| ボタン | NotoSansJP |
0px | 400 | 0px | normal |
使用フォント頻度
NotoSansJP569箇所
Lato9箇所
Arial1箇所
スケール・形状
- 角丸スケール
- 100% / 100px / 15.8126px / 10px / 3px / 4px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 80-100px / 90-0px / 70-106px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 102px / position: absolute
