capy.ai ↗
サイトを開く
Capy is the AI-native IDE for parallel development. Run multiple coding agents at once, ship faster, and manage work from task to PR.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#000000Color #1
#000000Color #2
#525252Color #3
#ffffffColor #4
#a3a3a3Color #5
#b0b0b0タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | bebasNeue |
76px | 400 | 76px | -0.704px |
| h2 | bebasNeue |
32px | 400 | 28.8px | -1.1% |
| h3 | bebasNeue |
36px | 400 | 36px | -1.1% |
| 本文 | abcSocialMono |
18px | 400 | 25.2px | normal |
| リンク | abcSocialMono |
16px | 400 | 24px | normal |
| ボタン | abcSocialMono |
16px | 400 | 24px | normal |
使用フォント頻度
Inter426箇所
abcSocialMono338箇所
bebasNeue23箇所
ccWildWords13箇所
スケール・形状
- 角丸スケール
- 8px / 3.35544e+07px / 12px / 18px / 0px 0px 11px 11px / 4px / 2px / 10px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 60-0px / 24-12px / 0-60px / 0-158px / 96-96px
- コンテナ幅
- width: 1196px / max-width: none
- ナビゲーション
- 高さ 0px / position: static
