synthiolabs.com ↗
サイトを開く
The intelligence layer behind modern life sciences engagement, enabling compliant, continuous conversations across HCPs, patients, and field teams
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#e8ecffText
#333333Color #1
#333333Color #2
#000000Color #3
#0000eeColor #4
#ffffffColor #5
#4b4b4bタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Interdisplay |
56px | 400 | 56px | -2.2px |
| h2 | Inter |
28px | 400 | 28px | -1.4px |
| h3 | Geist |
14px | 500 | 17.22px | normal |
| 本文 | Inter |
14px | 300 | 15.4px | -0.3px |
| リンク | Geist |
16px | 400 | 20px | normal |
| ボタン | Geist |
24px | 400 | 20px | normal |
使用フォント頻度
Geist378箇所
Inter183箇所
Interdisplay24箇所
Geist Mono5箇所
webflow-icons3箇所
スケール・形状
- 角丸スケール
- 10px / 8px / 15px / 100px / 12px / 4px / 36px / 7px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 152-92px / 56-56px / 124-124px / 124-124px / 124-124px
- コンテナ幅
- width: 1210px / max-width: 1210px
- ナビゲーション
- 高さ 42px / position: relative
