betterbasket.com ↗
サイトを開く
Ask in plain English. Athena explains, projects, and pushes price changes across thousands of SKUs for grocery teams.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#6b6b6bColor #1
#6b6b6bColor #2
#3a3a3aColor #3
oklch(0.552 0.016 285.938)Color #4
oklch(0.442 0.017 285.786)Color #5
oklch(0.141 0.005 285.823)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Rethink Sans |
72px | 300 | 74.88px | -3.24px |
| h2 | Rethink Sans |
32px | 500 | 32.64px | -1.44px |
| h3 | Rethink Sans |
37.6px | 300 | 40.608px | -1.128px |
| 本文 | DM Sans |
14px | 600 | 20px | 2.24px |
| リンク | DM Sans |
16px | 400 | 24px | normal |
| ボタン | DM Sans |
16px | 500 | 24px | normal |
使用フォント頻度
DM Sans494箇所
Rethink Sans57箇所
Helvetica Neue35箇所
ui-serif1箇所
スケール・形状
- 角丸スケール
- 3.35544e+07px / 24px / 32px / 35.2px / 16px / 21.6px / 26.4px / 28px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 112-112px / 112-112px / 96-96px / 80-80px / 96-96px
- コンテナ幅
- width: 1400px / max-width: none
- ナビゲーション
- 高さ 82px / position: fixed
