サイトを開く
Let your independent study and homestudy back-office staff breathe by automating your operations with Scout.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f1f2edText
#252f33Color #1
#252f33Color #2
#ffffffColor #3
#f1f2edColor #4
#ff5f31Color #5
#3d4a4fタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Lexend |
70px | 500 | 77px | -2.1px |
| h2 | Lexend |
60px | 600 | 66px | -1.5px |
| h3 | Lexend |
44px | 600 | 48px | -0.88px |
| 本文 | Inter Display |
14px | 500 | 14px | normal |
| リンク | Lexend |
16px | 400 | normal | normal |
| ボタン | Lexend |
14px | 600 | normal | normal |
使用フォント頻度
Lexend267箇所
Inter Display12箇所
Arial2箇所
スケール・形状
- 角丸スケール
- 999px / 50% / 13px / 12px / 27px / 100px / 65px / 51px
- シャドウ
- 4パターン使用
- セクション余白(pt/pb)
- 8-8px / 72-50px / 110-90px / 20-20px / 80-80px
- コンテナ幅
- width: 1200px / max-width: 1200px
- ナビゲーション
- 高さ 111px / position: fixed
