ontora.com ↗
サイトを開く
Ontora interviews employees in parallel and turns tribal knowledge into a live map of how work actually happens, where it breaks, and what to fix first.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
lab(100 0 0)Text
lab(2.75381 0 0)Color #1
lab(2.75381 0 0)Color #2
lab(8.11897 0.811279 -12.254)Color #3
lab(47.7841 -0.393182 -10.0268)Color #4
lab(48.496 0 0)Color #5
lab(35.6337 -1.58697 -10.8425)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | ui-sans-serif |
72px | 500 | 79.2px | -1.8px |
| h2 | ui-sans-serif |
48px | 500 | 51.84px | -1.2px |
| h3 | ui-sans-serif |
20px | 600 | 27.5px | normal |
| 本文 | ui-sans-serif |
30px | 400 | 36px | normal |
| リンク | ui-sans-serif |
16px | 400 | 24px | normal |
| ボタン | ui-sans-serif |
14px | 500 | 20px | normal |
使用フォント頻度
ui-sans-serif404箇所
スケール・形状
- 角丸スケール
- 3.35544e+07px / 18px / 10px / 14px / 22px / 6px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 16-64px / 96-96px / 112-112px / 128-128px / 64-64px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 81px / position: fixed
