hessian.sh ↗
サイトを開く
We forward deploy with you to apply agents to your use-cases, using your existing tooling.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
oklch(1 0 0)Text
oklch(0.145 0 0)Color #1
oklch(0.145 0 0)Color #2
oklch(0.36 0 0)Color #3
#364153Color #4
#000000Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Manrope |
64px | 600 | 64px | -1.28px |
| h2 | Manrope |
48px | 600 | 50.4px | -0.96px |
| h3 | Manrope |
14.5px | 600 | 17.4px | -0.29px |
| 本文 | Manrope |
20px | 400 | 31px | normal |
| リンク | Manrope |
14px | 600 | 20px | normal |
| ボタン | Manrope |
14px | 600 | 20px | normal |
使用フォント頻度
Manrope332箇所
JetBrains Mono46箇所
スケール・形状
- 角丸スケール
- 32px / 3.35544e+07px / 4.72px / 6.72px / 10.72px 10.72px 0px 0px / 0px 0px 10.72px 10.72px / 4px / 3px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 96-48px / 56-0px / 36-36px / 40-40px / 96-40px
- コンテナ幅
- width: 1056px / max-width: 1056px
- ナビゲーション
- 高さ 0px / position: sticky
