redbarnrobotics.com ↗
サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#0d1615Color #1
#0d1615Color #2
#ffffffColor #3
#768b55Color #4
#f0f88bColor #5
#222222タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Roboto Condensed |
100.8px | 700 | 120.96px | normal |
| h2 | Roboto Condensed |
69.12px | 700 | 82.944px | normal |
| h3 | Roboto Condensed |
36px | 700 | 43.2px | normal |
| 本文 | Roboto |
21.6px | 300 | 32.4px | normal |
| リンク | Roboto |
16px | 300 | 19.2px | normal |
| ボタン | Roboto |
24px | 300 | 23.04px | normal |
使用フォント頻度
Roboto410箇所
Roboto Condensed28箇所
Fa solid 9009箇所
Fa Brands 400 (6.4.2)4箇所
Poppins1箇所
スケール・形状
- 角丸スケール
- 100px / 9px / 20px / 2px / 15px / 10px / 40px / 100%
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 130-130px / 40-40px / 130-130px / 130-0px / 130-130px
- コンテナ幅
- width: 1368px / max-width: none
- ナビゲーション
- 高さ 39px / position: relative
