サイトを開く
Orchid is the executive assistant that doesn't sleep. Inbox, calendar, meeting prep, and follow-ups in your voice. Approved by you, handled by Orchid.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#fcfcfdText
#08152eColor #1
#08152eColor #2
#fcfcfdColor #3
oklab(0.200332 -0.00751162 -0.0529026 / 0.8)Color #4
oklab(0.200332 -0.00751162 -0.0529026 / 0.7)Color #5
oklab(0.991342 0.000416636 -0.00124443 / 0.7)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | louize |
64px | 500 | 64px | -2.56px |
| h2 | louize |
32px | 400 | 41.6px | -0.64px |
| h3 | louize |
40px | 500 | 44px | -0.8px |
| 本文 | lausanne |
14px | 400 | 21px | normal |
| リンク | lausanne |
16px | 400 | 24px | normal |
| ボタン | lausanne |
14px | 400 | 14px | normal |
使用フォント頻度
lausanne337箇所
louize55箇所
system-ui6箇所
スケール・形状
- 角丸スケール
- 6px / 8px / 3.35544e+07px / 24px / 16px / 12px / 76px / 16.932px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 192-192px / 192-192px / 256-256px / 224-224px / 192-192px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 70px / position: absolute
