reformhq.com ↗
サイトを開く
AI-powered automation platform transforming freight forwarding and logistics workflows for faster, accurate, and scalable operations.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#ffffffColor #1
#ffffffColor #2
#191a1dColor #3
#191a1d99Color #4
#222222Color #5
#ffffff99タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Instrument Sans |
80px | 500 | 88px | -4.8px |
| h2 | Instrument Sans |
56px | 400 | 61.6px | -2.24px |
| h3 | Roboto |
16px | 400 | 22.4px | -0.16px |
| 本文 | Roboto |
18px | 400 | 25.2px | normal |
| リンク | Roboto |
16px | 400 | 20.8px | normal |
| ボタン | Roboto |
16px | 400 | 20.8px | normal |
使用フォント頻度
Roboto714箇所
Instrument Sans69箇所
Dm Mono2箇所
スケール・形状
- 角丸スケール
- 8px / 6px / 4px / 16px / 12px / 100px / 100% / 20px
- シャドウ
- 1パターン使用
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 40px / position: static
