flowscope.com ↗
サイトを開く
Agents that learn how your business actually runs, then redesign and automate the work on top of existing systems. The AI team for businesses that don't have one.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
lab(100 0 0)Text
lab(2.75381 0 0)Color #1
#1b4332Color #2
#737373Color #3
lab(25.1404 -18.412 5.89019 / 0.45)Color #4
lab(2.75381 0 0)Color #5
lab(25.1404 -18.412 5.89019 / 0.6)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Playfair Display |
56px | 400 | 58.8px | -1.4px |
| 本文 | Inter |
14px | 400 | 21px | 4.2px |
| リンク | Inter |
10px | 400 | 15px | normal |
| ボタン | Inter |
15px | 500 | 22.5px | 2.4px |
使用フォント頻度
Inter32箇所
Playfair Display7箇所
スケール・形状
- 角丸スケール
- 3.35544e+07px / 8px / 10px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 32-192px / 40-176px
- コンテナ幅
- width: 840px / max-width: none
- ナビゲーション
- 高さ 88px / position: relative
