armature.tech ↗
サイトを開く
Armature helps companies monitor, analyze, and optimize how AI agents experience their products.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#090808Text
#090808Color #1
#090808Color #2
#f6f2efColor #3
#5c5852Color #4
#2a2724Color #5
#e4dfdbb3タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Stack Sans Notch |
54px | 500 | 54px | -1.62px |
| h2 | Stack Sans Notch |
46px | 500 | 48.3px | -1.38px |
| h3 | Stack Sans Notch |
19px | 500 | 21.85px | -0.342px |
| 本文 | DM Sans |
15.5px | 400 | 24.8px | normal |
| リンク | DM Sans |
13px | 600 | 16.9px | normal |
| ボタン | DM Sans |
13px | 500 | normal | normal |
使用フォント頻度
DM Sans171箇所
JetBrains Mono36箇所
Stack Sans Notch18箇所
スケール・形状
- 角丸スケール
- 50%
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 96-104px / 96-80px / 88-96px / 112-120px / 80-96px
- コンテナ幅
- width: 1200px / max-width: 1200px
- ナビゲーション
- 高さ 85px / position: fixed
