qualgent.ai ↗
サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
oklch(0 0 0)Color #1
oklch(0 0 0)Color #2
#000000Color #3
#334334Color #4
#f4f1edColor #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Outfit |
70px | 400 | 84px | normal |
| h2 | Outfit |
56px | 400 | 67.2px | normal |
| h3 | Outfit |
38px | 400 | 45.6px | normal |
| 本文 | Outfit |
22px | 400 | 26.4px | normal |
| リンク | sans-serif |
12px | 400 | 18px | normal |
| ボタン | sans-serif |
12px | 400 | 18px | normal |
使用フォント頻度
sans-serif636箇所
M PLUS 1p109箇所
Outfit55箇所
スケール・形状
- 角丸スケール
- 10px / 8px / 8px 8px 0px 0px / 0px 0px 8px 8px / 30px 30px 0px 0px / 20px / 25px / 100px
- シャドウ
- 2パターン使用
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 90px / position: sticky
