datafruit.ai ↗
サイトを開く
The AI workspace for software implementations
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#fbfbf8Text
lab(2.75381 0 0)Color #1
#000000Color #2
lab(90.952 0 -0.0000119209)Color #3
lab(7.78201 -0.0000149012 0)Color #4
#1a1a1aColor #5
lab(48.496 0 0)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Platypi |
42px | 300 | 46.2px | -0.42px |
| h2 | Platypi |
32px | 300 | 35.2px | -0.32px |
| h3 | Golos Text |
14px | 500 | 21px | normal |
| 本文 | Golos Text |
18px | 400 | 29.25px | normal |
| リンク | Golos Text |
16px | 400 | 24px | normal |
| ボタン | Golos Text |
14px | 400 | 21px | normal |
使用フォント頻度
Golos Text251箇所
Platypi7箇所
ui-sans-serif2箇所
スケール・形状
- 角丸スケール
- 8px / 14px / 18px / 3.35544e+07px / 10px / 12px / 14px 14px 0px 0px / 3.35544e+07px 0px 0px 3.35544e+07px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 16-0px / 128-160px / 96-112px / 96-56px
- コンテナ幅
- width: 1400px / max-width: 1400px
- ナビゲーション
- 高さ 48px / position: fixed
