foaster.ai ↗
サイトを開く
Foaster maps how your company really works, identifies where AI should change it, and helps you make it happen. AI-led interviews at scale and a dedicated expert by your side.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f6f1ecText
#1f2f2cColor #1
#1f2f2cColor #2
#7a857fColor #3
#4a5550Color #4
#ffffffColor #5
#666666タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | -apple-system |
72px | 700 | 77.76px | -2.16px |
| h2 | -apple-system |
51.2px | 700 | 58.88px | -1.536px |
| h3 | -apple-system |
15.2px | 700 | 19.76px | -0.152px |
| 本文 | -apple-system |
18.4px | 400 | 31.28px | normal |
| リンク | -apple-system |
16px | 400 | 25.6px | normal |
| ボタン | Arial |
13.3333px | 400 | normal | normal |
使用フォント頻度
-apple-system144箇所
Arial4箇所
Instrument Serif2箇所
スケール・形状
- 角丸スケール
- 12px / 8px / 100px / 24px / 6px / 40px / 32px / 16px
- シャドウ
- 4パターン使用
- セクション余白(pt/pb)
- 160-100px / 120-120px / 80-140px / 180-180px / 140-140px
- コンテナ幅
- width: 1100px / max-width: 1100px
- ナビゲーション
- 高さ 73px / position: fixed
