サイトを開く
Drop a document. Get a clear whiteboard explainer in seconds. Built by Lamina Labs.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f0fbf7Text
#0d1117Color #1
#0d1117Color #2
#ffffffColor #3
#3f2a09Color #4
#223039タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | ui-sans-serif |
73.44px | 760 | 74.1744px | normal |
| 本文 | JetBrains Mono |
16px | 400 | 24px | normal |
| リンク | ui-sans-serif |
25.92px | 760 | 38.88px | normal |
| ボタン | ui-sans-serif |
14px | 680 | 21px | normal |
使用フォント頻度
Spectral17箇所
ui-sans-serif8箇所
JetBrains Mono2箇所
スケール・形状
- 角丸スケール
- 999px / 6px / 8px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 72-43.2px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 88px / position: static
