Complir's AI agents map product data, analyse compliance risks, generate documentation and track regulations across every market you sell in.
Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
#ffffff#070956#070956#4a4b7c#ffffff#1e1b4b#0955e3タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Lora |
43px | 500 | 47.7778px | -1.075px |
| h2 | Lora |
43px | 500 | 47.7778px | -1.075px |
| h3 | Lora |
24px | 500 | 32px | -0.6px |
| 本文 | Circular |
18px | 400 | 29.25px | normal |
| リンク | Circular |
16px | 400 | 24px | normal |
| ボタン | Circular |
14px | 500 | 20px | normal |
使用フォント頻度
スケール・形状
- 角丸スケール
- 7px / 3.35544e+07px / 14px / 18px / 8px / 10px / 6px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 64-0px / 32-32px / 96-128px / 112-112px / 96-96px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 64px / position: sticky