youart.ai ↗
サイトを開く
Monetize your AI originals and create freely with the most powerful AI models. YouArt is where AI creators build, earn, and grow.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#0a0a0aText
#fafafaColor #1
#fafafaColor #2
#ffffffColor #3
#ffffffb3Color #4
#f5f1e8Color #5
#a3a3a3タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | Manrope |
42px | 800 | 40px | -1.05px |
| 本文 | Inter |
12px | 500 | 16px | 3.6px |
| リンク | Manrope |
16px | 400 | 24px | normal |
| ボタン | Manrope |
16px | 700 | 24px | -0.4px |
使用フォント頻度
Manrope83箇所
Inter2箇所
Fraunces1箇所
スケール・形状
- 角丸スケール
- 10px / 6px / 9999px / 24px / 16px
- シャドウ
- 4パターン使用
- セクション余白(pt/pb)
- 56-56px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 64px / position: static
