epicenter.so ↗
サイトを開く
An ecosystem of open-source, local-first apps that share a single memory. No cloud lock-in, no subscriptions, just tools that respect your data.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
oklch(1 0 0)Text
oklch(0.129 0.042 264.695)Color #1
oklch(0.129 0.042 264.695)Color #2
oklch(0.554 0.046 257.417)Color #3
oklch(0.208 0.042 265.755)Color #4
oklch(0.984 0.003 247.858)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Manrope Variable |
48px | 700 | 66px | -1.2px |
| h2 | Manrope Variable |
48px | 700 | 48px | normal |
| h3 | Manrope Variable |
14px | 600 | 20px | 0.7px |
| 本文 | Manrope Variable |
20px | 400 | 32.5px | normal |
| リンク | Manrope Variable |
14px | 500 | 20px | normal |
使用フォント頻度
Manrope Variable156箇所
スケール・形状
- 角丸スケール
- 8px / 14px / 3.35544e+07px / 16px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 128-128px / 128-128px / 96-96px / 96-96px / 128-128px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 900px / position: relative
