codag.ai ↗
サイトを開く
Drop-in log compression for any LLM that reasons over infrastructure logs.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#282828Text
#ebdbb2Color #1
#ebdbb2Color #2
#ebdbb257Color #3
#d5c4a1Color #4
#ebdbb2d9Color #5
#ebdbb2bfタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Newsreader |
48px | 400 | 48px | -1.2px |
| h2 | Newsreader |
48px | 400 | 48px | normal |
| h3 | Newsreader |
30px | 400 | 36px | normal |
| 本文 | B612 Mono |
14px | 400 | 20px | normal |
| リンク | Hanken Grotesk |
16px | 400 | 24px | normal |
| ボタン | Hanken Grotesk |
14.72px | 400 | 14.72px | normal |
使用フォント頻度
Hanken Grotesk121箇所
B612 Mono90箇所
Newsreader18箇所
スケール・形状
- 角丸スケール
- 3.2px / 2.4px / 2px / 4.8px / 5.6px / 9999px / 4px / 8px
- シャドウ
- 4パターン使用
- セクション余白(pt/pb)
- 96-96px / 112-112px / 112-112px / 80-80px / 96-96px
- コンテナ幅
- width: 1152px / max-width: none
- ナビゲーション
- 高さ 57px / position: fixed
