gravy.finance ↗
サイトを開く
The best way to handle complex finances. Gravy watches your finances as new information comes in - and keeps you up to date.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
lab(100 0 0)Text
lab(2.75381 0 0)Color #1
#ffffffColor #2
#0f1f3aColor #3
#0b1a35Color #4
#111827Color #5
#ffffffbfタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Archivo |
96px | 600 | 96px | -3.36px |
| h2 | Archivo |
14px | 650 | 21px | normal |
| h3 | Archivo |
21.6px | 700 | 32.4px | -0.324px |
| 本文 | Archivo |
18.72px | 400 | 29.016px | -0.0936px |
| リンク | Archivo |
16px | 400 | 24px | normal |
| ボタン | Archivo |
14.72px | 600 | 22.08px | -0.0736px |
使用フォント頻度
Archivo385箇所
スケール・形状
- 角丸スケール
- 9999px / 12px / 18px / 8px / 999px / 20px 20px 0px 0px / 20px / 28px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 0-45px / 108-72px / 117-36px / 117-36px / 117-36px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 86px / position: fixed
