サイトを開く
Imagine hiring an assistant for your emails. Odo flags what needs your attention, writes drafts in your own style, and can do any task that you do with your inbox.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#000000Color #1
#000000Color #2
#666666Color #3
#ffffffColor #4
oklab(0.510275 0.000023216 0.0000101924 / 0.6)Color #5
#0a49b6タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Lora |
79.2px | 400 | 99px | 0.792px |
| h2 | Lora |
39px | 400 | 48.75px | 0.39px |
| h3 | Inter |
15.171px | 600 | 21.6729px | normal |
| 本文 | Crimson Text |
26px | 400 | 34.6667px | 0.26px |
| リンク | Inter |
16px | 400 | 24px | normal |
| ボタン | Crimson Text |
15.171px | 400 | 21.6729px | 0.15171px |
使用フォント頻度
Inter141箇所
ui-sans-serif29箇所
Crimson Text26箇所
Lora7箇所
スケール・形状
- 角丸スケール
- 3.35544e+07px / 16px / 6px / 8px / 12px / 4px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 140-120px / 120-120px / 120-120px / 120-120px / 120-120px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 89px / position: fixed
