ralo.com ↗
サイトを開く
Compare mortgage rates, review pricing more clearly, and explore mortgage education with Ralo.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f8f9fbText
#060807Color #1
#060807Color #2
#10222fColor #3
#ffffffColor #4
#10222fbfColor #5
#ffffffbfタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Haffer XH-TRIAL |
63.52px | 500 | 60.344px | -3.8112px |
| h2 | Haffer XH-TRIAL |
40px | 500 | 44px | -0.48px |
| h3 | Haffer XH-TRIAL |
22px | 500 | 38px | normal |
| 本文 | Haffer XH-TRIAL |
12px | 600 | 18px | 1.68px |
| リンク | __Inter_f367f3 |
16px | 400 | 24px | normal |
| ボタン | __Inter_f367f3 |
16px | 400 | 24px | normal |
使用フォント頻度
__Inter_f367f3319箇所
Haffer XH-TRIAL70箇所
Haffer-TRIAL46箇所
Inter18箇所
Haffer XH3箇所
スケール・形状
- 角丸スケール
- 11px / 1px / 17px / 999px / 24px / 0px 0px 10px 10px / 14px / 41px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 92-18px / 80-80px / 80-80px / 100-320px / 100-100px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 112px / position: absolute
