サイトを開く
Backed by YC.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
lab(100 0 0)Text
lab(7.22637 -0.0000149012 0)Color #1
lab(7.22637 -0.0000149012 0)Color #2
lab(7.78201 -0.0000149012 0)Color #3
lab(42 0 0)Color #4
lab(48.496 0 0)Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | ui-sans-serif |
84px | 300 | 85.68px | -1.68px |
| h2 | ui-sans-serif |
48px | 400 | 48px | -0.48px |
| h3 | ui-sans-serif |
24px | 400 | 32px | -0.24px |
| 本文 | ui-sans-serif |
20px | 400 | 28px | -0.5px |
| リンク | ui-sans-serif |
16px | 400 | 24px | normal |
| ボタン | ui-sans-serif |
14px | 400 | 20px | normal |
使用フォント頻度
ui-sans-serif148箇所
スケール・形状
- 角丸スケール
- 3.35544e+07px / 0px 0px 4.8px 4.8px / 6.8px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 192-128px / 96-96px / 72-72px / 96-96px / 96-96px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 52px / position: fixed
