alkali.engineering ↗
サイトを開く
The smarter PDF viewer for steel estimation. Securely estimate, collaborate, and build together.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f2f5f8Text
#2d5286Color #1
#2d5286Color #2
#597aa6Color #3
#ffffffColor #4
#5979a6Color #5
#f2f5f8タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | -apple-system |
56px | 700 | 67.2px | normal |
| h2 | -apple-system |
24px | 500 | 28.8px | -0.6px |
| h3 | ui-sans-serif |
20px | 700 | 28px | normal |
| 本文 | -apple-system |
12px | 400 | 18px | normal |
| リンク | ui-sans-serif |
20px | 600 | 28px | -0.5px |
| ボタン | -apple-system |
15px | 600 | 22.5px | normal |
使用フォント頻度
ui-sans-serif249箇所
-apple-system10箇所
スケール・形状
- 角丸スケール
- 3.35544e+07px / 8px / 12px / 4px / 16px / 16px 16px 0px 0px / 10px / 6px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 96-32px / 0-32px
- コンテナ幅
- width: 1280px / max-width: 1280px
- ナビゲーション
- 高さ 65px / position: sticky
