Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#000000Text
#f7f5f0Color #1
#f7f5f0Color #2
#f96932Color #3
#b8b5adColor #4
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Montserrat |
40px | 600 | 44px | -1px |
| h2 | Montserrat |
22px | 600 | 35.2px | -0.33px |
| 本文 | Montserrat |
18px | 400 | 27px | -0.085px |
| リンク | Montserrat |
14px | 500 | 22.4px | -0.07px |
使用フォント頻度
Montserrat38箇所
JetBrains Mono7箇所
スケール・形状
- ナビゲーション
- 高さ 144px / position: static