firebender.com ↗
サイトを開く
Write code 10x faster with Firebender, the most powerful AI assistant for Android Studio.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#fafafaText
#171717Color #1
#171717Color #2
#00000099Color #3
#ffffff66Color #4
#ffffffb3Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | ui-sans-serif |
60px | 300 | 63.6px | -1.8px |
| h2 | ui-sans-serif |
44px | 300 | 52.8px | normal |
| h3 | __Inter_f367f3 |
18px | 350 | 25.92px | normal |
| 本文 | ui-sans-serif |
17px | 350 | 25.5px | normal |
| リンク | __Inter_f367f3 |
16px | 400 | 24px | normal |
| ボタン | ui-monospace |
14px | 500 | 14px | -0.28px |
使用フォント頻度
__Inter_f367f3449箇所
ui-sans-serif295箇所
ui-monospace37箇所
スケール・形状
- 角丸スケール
- 9999px / 4px / 6px / 10px / 12px / 2px / 0px 0px 8px 8px / 1px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 144-144px / 120-120px / 120-120px
- コンテナ幅
- width: 1280px / max-width: 1280px
- ナビゲーション
- 高さ 64px / position: relative
