scrollytelling.ai ↗
サイトを開く
Create breathtaking, cinematic scrollytelling with AI. Drive 17x higher engagement with interactive digital stories. No technical skills needed.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#000000Text
#ffffffColor #1
#ffffffColor #2
#ffffff8cColor #3
#ffffff9eColor #4
#ffffffb8Color #5
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Fraunces |
120px | 500 | 126px | -2.4px |
| h2 | Fraunces |
52px | 500 | 54.6px | -1.04px |
| h3 | Fraunces |
22px | 500 | 25.3px | -0.33px |
| 本文 | Fraunces |
24px | 400 | 28.8px | -0.36px |
| リンク | Inter |
16px | 400 | normal | normal |
| ボタン | Inter |
13.3333px | 400 | normal | normal |
使用フォント頻度
Inter133箇所
Fraunces28箇所
Space Grotesk11箇所
スケール・形状
- 角丸スケール
- 999px / 50% / 20px / 4px / 10px
- シャドウ
- 4パターン使用
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 85px / position: fixed
