withai.co ↗
サイトを開く
AI for asset managers, built with you.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#eaeff4Text
#0e1f33Color #1
#0e1f33Color #2
#525252Color #3
#242424Color #4
#1b3a6bColor #5
#eaeff4タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Public Sans |
72px | 400 | 86.4px | -2.16px |
| h2 | Public Sans |
48px | 400 | 57.6px | -1.44px |
| h3 | Public Sans |
24px | 400 | 33.6px | -0.72px |
| 本文 | Public Sans |
20px | 400 | 28px | normal |
| リンク | Public Sans |
16px | 400 | 24px | normal |
| ボタン | Public Sans |
16px | 400 | 24px | normal |
使用フォント頻度
Public Sans262箇所
スケール・形状
- 角丸スケール
- 8px / 3.35544e+07px / 16px / 24px / 3px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 144-64px / 28-28px / 80-80px / 80-80px / 80-80px
- コンテナ幅
- width: 1296px / max-width: 1440px
- ナビゲーション
- 高さ 80px / position: fixed
