The company that builds companies
Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
lab(98.26 0 0)Text
lab(2.76268 0.0879318 0.889146)Color #1
lab(2.76268 0.0879318 0.889146)Color #2
lab(48.5083 0.0817478 1.14118)Color #3
lab(98.2724 0.0796318 1.13987)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Redaction |
60px | 400 | 60px | -2.1px |
| 本文 | Geist Sans |
18px | 400 | 25.2px | -0.176px |
| リンク | Geist Sans |
16px | 400 | 25.6px | -0.176px |
| ボタン | Geist Sans |
14px | 500 | 20px | -0.176px |
使用フォント頻度
Geist Sans36箇所
Redaction1箇所
スケール・形状
- 角丸スケール
- 12px / 10px / 8px / 6px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 48-48px
- コンテナ幅
- width: 1080px / max-width: none