f4.dev ↗
サイトを開く
F4 helps engineering teams analyze GD&T on PDF and STEP drawing packages, validate ASME Y14.5 syntax, run tolerance stack-up analysis, and generate FAIR-ready exports.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#08090aText
#f4f4f5Color #1
#f4f4f5Color #2
#6a7076Color #3
#868d93Color #4
#08090aタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | -apple-system |
60px | 600 | 58.8px | -3.3px |
| h2 | -apple-system |
40px | 600 | 42px | -1.8px |
| h3 | -apple-system |
36px | 600 | 40px | -1.8px |
| 本文 | -apple-system |
11px | 500 | 16.5px | 3.08px |
| リンク | -apple-system |
16px | 400 | 24px | normal |
| ボタン | -apple-system |
12px | 590 | 18px | 0.12px |
使用フォント頻度
-apple-system179箇所
SF Mono6箇所
スケール・形状
- 角丸スケール
- 12px / 9999px / 28px / 22.4px / 24px / 19.2px / 16px
- シャドウ
- 4パターン使用
- セクション余白(pt/pb)
- 24-48px / 64-64px / 80-80px / 80-80px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 75px / position: sticky
