overlap.ai ↗
サイトを開く
Use Overlap to create AI clipping workflows to turn long videos into clips, shorts, and social posts automatically. Scale short form content creation with Agentic workflows.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f7f7f7Text
#000000Color #1
#000000Color #2
#0000eeColor #3
#111111Color #4
#333333Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | General Sans |
36px | 600 | 43.2px | -0.72px |
| h2 | General Sans |
44px | 600 | 52.8px | -1.32px |
| h3 | Inter |
16px | 400 | 24px | normal |
| 本文 | Inter |
18px | 500 | 18px | normal |
| リンク | sans-serif |
12px | 400 | normal | normal |
| ボタン | sans-serif |
12px | 400 | normal | normal |
使用フォント頻度
sans-serif619箇所
Inter77箇所
Inter Display46箇所
General Sans11箇所
Manrope6箇所
スケール・形状
- 角丸スケール
- 17px / 12px / 13px / 20px / 14px / 100px / 15px / 16px
- シャドウ
- 4パターン使用
- セクション余白(pt/pb)
- 10-10px / 10-10px / 10-10px
- コンテナ幅
- width: 1391px / max-width: 100%
- ナビゲーション
- 高さ 108px / position: relative
