vera-health.ai ↗
サイトを開く
AI搭載検索で迅速にエビデンスベースの医学的回答を見つけましょう。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f7fafcText
#22262dColor #1
#22262dColor #2
#8090a6Color #3
#ffffffColor #4
#37475eColor #5
#c0c9d5タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Manrope |
26px | 300 | 33.8px | -0.52px |
| h2 | Manrope |
50px | 400 | 60px | normal |
| h3 | Manrope |
20px | 600 | 30px | normal |
| 本文 | Manrope |
14px | 500 | 20px | normal |
| リンク | Manrope |
14px | 700 | 20px | normal |
| ボタン | Manrope |
14px | 600 | 24px | normal |
使用フォント頻度
Manrope298箇所
Newsreader5箇所
Space Grotesk4箇所
スケール・形状
- 角丸スケール
- 0px 0px 24px 24px / 8px / 12px / 11px / 20px / 9999px / 15px / 9px
- シャドウ
- 4パターン使用
- セクション余白(pt/pb)
- 80-80px / 80-80px / 80-80px / 80-80px / 80-80px
- コンテナ幅
- width: 767px / max-width: 767px
- ナビゲーション
- 高さ 66px / position: sticky
