char.com ↗
サイトを開く
Char is the AI notepad that knows and works for you. Type a checkbox, and an agent picks it up — researching, drafting, or scheduling on your behalf.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#0a0a0aColor #1
#0a0a0aColor #2
oklch(0.205 0 0)Color #3
oklch(0.3 0.0197 81.53)Color #4
oklch(0.6182 0.0018 67.8)Color #5
oklch(0.7782 0.0018 67.8)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Besley |
72px | 500 | 93.6px | normal |
| h2 | Besley |
40px | 500 | 52px | normal |
| h3 | Besley |
40px | 500 | 46px | normal |
| 本文 | Geist |
20px | 400 | 28px | normal |
| リンク | SF Pro |
16px | 500 | 24px | normal |
| ボタン | Geist Mono |
14px | 400 | 20px | normal |
使用フォント頻度
SF Pro73箇所
Geist29箇所
Geist Mono7箇所
Besley4箇所
スケール・形状
- 角丸スケール
- 3.35544e+07px / 28px / 6px / 22px / 12px / 5px / 32px / 8px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 48-0px / 128-128px / 128-128px / 160-160px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 114px / position: static
