mesmer.co ↗
サイトを開く
Map your work from your codebase, identify bottlenecks and agent blockers, and deploy tailored, battle-tested solutions. Reach the 10x productivity gains 2026 promised.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#171717Color #1
#0b0a09Color #2
#56524cColor #3
#faf8f5Color #4
#0b0a09a6Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Inter Tight |
63.36px | 500 | 64.6272px | -2.2176px |
| h2 | Inter Tight |
63.36px | 500 | 64.6272px | -2.2176px |
| h3 | Inter Tight |
18px | 500 | 27px | -0.27px |
| 本文 | Inter Tight |
19px | 400 | 29.45px | -0.095px |
| リンク | Inter Tight |
16px | 400 | 24px | normal |
| ボタン | Inter Tight |
16px | 400 | 24px | normal |
使用フォント頻度
Inter Tight388箇所
Geist Mono15箇所
スケール・形状
- 角丸スケール
- 8px / 999px / 10px / 14px / 28px / 18px / 24px / 20px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 72-2px / 24-48px / 108-72px / 108-72px / 90-72px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 67px / position: sticky
