サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f3f1efText
#292c33Color #1
#292c33Color #2
#4c525fColor #3
#000000Color #4
#3a3f4bColor #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | concrette |
48px | 500 | 52.2px | -2.4px |
| h2 | concrette |
32px | 500 | 38.4px | -0.64px |
| 本文 | concrette |
21.588px | 500 | 21.196px | -1.0794px |
| リンク | Inter |
16px | 400 | 25.6px | normal |
| ボタン | Inter |
16px | 400 | 25.6px | normal |
使用フォント頻度
Inter83箇所
concrette5箇所
スケール・形状
- 角丸スケール
- 6px / 8px / 33.773px / 7px / 20px / 10px / 12px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 112-64px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 57px / position: fixed
