soundry.ai ↗
サイトを開く
We enable you to make music you
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#111214Text
#f2f4f8Color #1
#f2f4f8Color #2
#b8bcc8Color #3
#000000Color #4
#ff5f2eタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Space Grotesk |
64px | 700 | 70.4px | -1.28px |
| h2 | Space Grotesk |
40px | 700 | 66px | -0.8px |
| h3 | Space Grotesk |
24px | 700 | 39.6px | -0.48px |
| 本文 | Manrope |
19.2px | 400 | 31.68px | normal |
| リンク | Manrope |
16px | 400 | 26.4px | normal |
| ボタン | Arial |
13.3333px | 400 | normal | normal |
使用フォント頻度
Manrope57箇所
Space Grotesk14箇所
Arial1箇所
スケール・形状
- 角丸スケール
- 10px / 28px / 999px / 14px / 8px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 96-88px / 88-88px / 88-88px / 88-88px / 88-88px
- コンテナ幅
- width: 1120px / max-width: none
- ナビゲーション
- 高さ 79px / position: sticky
