serafis.ai ↗
サイトを開く
Structured intelligence from podcasts, interviews and independent media. Searchable by company & theme.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#fbfbfbText
#171717Color #1
#171717Color #2
#a3a3a3Color #3
#ffffffColor #4
#525252Color #5
#737373タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Geist Sans |
52px | 500 | 54.6px | -1.3px |
| h2 | Geist Sans |
36px | 500 | 45px | -0.9px |
| h3 | Geist Sans |
13.2px | 500 | 16px | 0.66px |
| 本文 | Geist Sans |
20px | 400 | 32.5px | normal |
| リンク | Geist Sans |
16px | 400 | 24px | normal |
| ボタン | Geist Sans |
16px | 400 | 24px | normal |
使用フォント頻度
Geist Sans77箇所
スケール・形状
- 角丸スケール
- 8px / 12px / 6px / 16px / 24px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 128-128px / 128-128px / 80-80px / 48-24px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 82px / position: fixed
