サイトを開く
Bloom turns your brand into a working system that powers everything you create.
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(53.6 0 0)Color #3
lab(28.892 0 0)Color #4
oklab(0.145 -0.00000143796 0.00000340492 / 0.8)Color #5
lab(100 0 0)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | lucid |
60px | 400 | 63px | -2% |
| h2 | lucid |
48px | 400 | 50.4px | -2% |
| h3 | lucid |
30px | 400 | 37.5px | -2% |
| 本文 | Geist |
20px | 400 | 28px | -0.32px |
| リンク | Geist |
14px | 500 | 20px | -0.32px |
| ボタン | Geist |
16px | 500 | 24px | -0.32px |
使用フォント頻度
Geist529箇所
Geist Mono31箇所
lucid26箇所
スケール・形状
- 角丸スケール
- 3.35544e+07px / 8px / 6px / 12px / 16px / 10px / 24px / 24px 24px 0px 0px
- シャドウ
- 4パターン使用
- セクション余白(pt/pb)
- 112-176px / 96-96px / 128-128px / 128-128px / 128-128px
- コンテナ幅
- width: 1252px / max-width: none
- ナビゲーション
- 高さ 64px / position: sticky
