embedder.com ↗
サイトを開く
Embedder is an AI agent for firmware. It reads your datasheets, writes the code, flashes the board, runs the tests, and fixes its own mistakes — autonomously. 500+ MCUs and 3,000+ peripherals supported.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#15151dText
#ede5d3Color #1
#ede5d3Color #2
#a6c9c0Color #3
#fffdf7Color #4
#c6c6c6Color #5
#8d8d8dタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | saans |
72px | 500 | 64.8px | -0.72px |
| h2 | ui-sans-serif |
48px | 600 | 43.2px | -2.4px |
| h3 | saans |
16px | 500 | 19.2px | -0.48px |
| 本文 | saans |
19.44px | 400 | 27.216px | normal |
| リンク | saans |
16px | 400 | 24px | normal |
| ボタン | saans |
14px | 700 | 21px | 0.28px |
使用フォント頻度
saans177箇所
ui-sans-serif43箇所
-apple-system7箇所
Helvetica Neue3箇所
スケール・形状
- 角丸スケール
- 5px / 4px / 2px / 3px / 4px 0px 0px 4px
- セクション余白(pt/pb)
- 80-0px / 48-96px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 73px / position: fixed
