サイトを開く
Typa is the content engine that wins attention and drives growth.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
lab(99.6164 -0.257254 0.947642)Text
#000000Color #1
#000000Color #2
lab(47.8044 -0.388056 -8.71085)Color #3
lab(98.6649 0.0427067 2.6346)Color #4
oklab(0.988198 0.000153869 0.00692081 / 0.85)Color #5
lab(12.1081 -3.15075 1.90234)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Hedvig Letters Serif |
60px | 400 | 60px | -1.5px |
| h2 | Hedvig Letters Serif |
36px | 400 | 40px | normal |
| h3 | Hedvig Letters Serif |
18px | 500 | 28px | normal |
| 本文 | Manrope |
14px | 500 | 20px | normal |
| リンク | Manrope |
16px | 400 | 24px | normal |
| ボタン | Manrope |
14px | 500 | 20px | normal |
使用フォント頻度
Manrope106箇所
Hedvig Letters Serif11箇所
スケール・形状
- 角丸スケール
- 6px / 3px / 4px / 12px / 9999px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 64-0px / 96-96px / 96-96px / 96-96px / 96-96px
- コンテナ幅
- width: 1280px / max-width: 1280px
- ナビゲーション
- 高さ 65px / position: sticky
