junocompanion.com ↗
サイトを開く
Juno helps people living with chronic illness track symptoms, spot patterns, and prepare clearer reports for their doctor. Built on Oxford & UCL research, 1,000+ patient interviews.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#020817Color #1
#020817Color #2
#ffffffColor #3
#14171fColor #4
#020817b3Color #5
#fffffff5タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Playfair Display |
216px | 400 | 168.48px | normal |
| h2 | Inter |
44.8px | 300 | 48.384px | -1.12px |
| h3 | Inter |
48px | 300 | 51.84px | -1.2px |
| 本文 | Inter |
44.64px | 600 | 48.2112px | normal |
| リンク | Inter |
16px | 400 | 24px | normal |
| ボタン | Inter |
17px | 600 | 17px | normal |
使用フォント頻度
Inter397箇所
ui-serif2箇所
Playfair Display1箇所
Baskerville1箇所
Bradley Hand1箇所
スケール・形状
- 角丸スケール
- 9999px / 24px / 20px / 50% / 12px / 16px / 6px / 18px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 80-96px / 0-112px / 80-80px / 80-80px / 128-128px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 76px / position: relative
