userlens.io ↗
サイトを開く
Next-gen product intelligence for customer success
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#000000Color #1
#000000Color #2
#0000eeColor #3
#020712Color #4
#737373Color #5
#404040タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | General Sans |
56px | 500 | 56px | -1.12px |
| h3 | General Sans Variable |
18px | 400 | 28.8px | -0.36px |
| 本文 | Inter |
24px | 700 | 24px | normal |
| リンク | sans-serif |
12px | 400 | normal | normal |
| ボタン | General Sans |
12px | 500 | 19.2px | normal |
使用フォント頻度
sans-serif669箇所
Inter85箇所
General Sans27箇所
General Sans Variable13箇所
Geist Mono5箇所
スケール・形状
- 角丸スケール
- 4px / 162px / 24px / 12px / 99px / 12px 12px 0px 0px / 16px / 16px 16px 0px 0px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 20-20px
- コンテナ幅
- width: 1120px / max-width: 100%
- ナビゲーション
- 高さ 56px / position: relative
