diffusion.studio ↗
サイトを開く
The video editor built on an infinite canvas. Create and edit videos with design-tool freedom and export up to 4K. Multi-track timeline, AI-powered workflows, and full creative control. Built for creators and professionals.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
oklch(0.178 0 0)Text
oklch(0.946 0 0)Color #1
oklch(0.946 0 0)Color #2
oklch(0.708 0 0)Color #3
oklch(0.205 0 0)Color #4
oklch(0.65 0.224 25.72)Color #5
oklab(0.708 0 0 / 0.8)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Geist Variable |
51.2px | 400 | 56.32px | -1.28px |
| h2 | Geist Variable |
30px | 400 | 41.25px | -0.75px |
| h3 | Geist Variable |
16px | 470 | 22px | normal |
| 本文 | Geist Variable |
18px | 400 | 29.25px | normal |
| リンク | Geist Variable |
14px | 520 | 20px | -0.35px |
| ボタン | Geist Variable |
12px | 470 | 16px | normal |
使用フォント頻度
Geist Variable170箇所
スケール・形状
- 角丸スケール
- 3.35544e+07px / 10px / 14px / 25.6px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 128-80px / 0-48px / 128-128px / 128-128px / 128-128px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 60px / position: sticky
