runharbor.com ↗
サイトを開く
Harbor is clinical trial software built for compliance and designed for humans. Get better data, quicker answers, and faster submissions.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
lab(95.7289 -0.644743 -0.229919)Text
lab(2.75381 0 0)Color #1
lab(2.75381 0 0)Color #2
lab(2.91312 -0.988819 -4.1888)Color #3
lab(27.9503 -4.0026 -3.35106)Color #4
lab(1.76974 1.32743 -9.28855)Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | switzerFont |
64px | 400 | 64px | -2.56px |
| h2 | switzerFont |
14px | 500 | 20px | 1.4px |
| h3 | switzerFont |
16px | 500 | 32px | normal |
| 本文 | switzerFont |
18px | 400 | 32px | normal |
| リンク | switzerFont |
16px | 400 | 24px | normal |
| ボタン | switzerFont |
14px | 500 | 28px | normal |
使用フォント頻度
switzerFont373箇所
ui-monospace8箇所
スケール・形状
- 角丸スケール
- 3.35544e+07px / 10px / 10px 0px 0px / 6px / 14px / 8px / 10px 10px 0px 0px / 0px 0px 6px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 0-64px / 64-64px / 64-64px / 64-64px / 64-64px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 84px / position: sticky
