framewisehealth.com ↗
サイトを開く
Clinically validated demonstration videos, personalized to each patient, reviewed by clinicians, delivered before they leave the hospital and across the recovery experience.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f7f9fcText
#1b2347Color #1
#1b2347Color #2
#ffffffColor #3
#00125bColor #4
#5b6385Color #5
#fb6f63タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Onest |
73.6px | 800 | 73.6px | -2.7968px |
| h2 | Onest |
43.2px | 800 | 45.36px | -1.296px |
| h3 | Onest |
33.6px | 800 | 36.96px | -0.672px |
| 本文 | Onest |
20px | 400 | 32.4px | normal |
| リンク | Onest |
20px | 800 | 32.4px | -0.6px |
| ボタン | Onest |
15px | 600 | 24.3px | normal |
使用フォント頻度
Onest164箇所
スケール・形状
- 角丸スケール
- 7px / 999px / 38px / 27px / 50% / 16px / 12px / 18px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 104-104px / 104-104px / 140-140px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 79px / position: fixed
