tweeks.io ↗
サイトを開く
Browse and install browser modifications that customize how websites work. Remove distractions, add features, and make the web work exactly how you want. No coding required.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f7f6f2Text
#000000Color #1
#0a0a0aColor #2
#222222Color #3
#6b6b6bColor #4
#ffffffColor #5
#1a1a1aタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Inter Tight |
76px | 500 | 74.48px | -2.66px |
| h2 | Inter Tight |
48px | 500 | 48.96px | -1.44px |
| h3 | Inter |
42px | 600 | 44.1px | -1.26px |
| 本文 | Inter Tight |
19px | 400 | 29.45px | -0.16px |
| リンク | Inter Tight |
12.5px | 500 | 18.75px | -0.16px |
| ボタン | Inter Tight |
16px | 400 | 24px | -0.16px |
使用フォント頻度
Inter Tight311箇所
JetBrains Mono16箇所
Inter15箇所
スケール・形状
- 角丸スケール
- 6px / 999px / 20px / 19px 19px 0px 0px / 8px / 0px 0px 19px 19px / 16px / 10px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 96-36px / 10-54px / 96-96px / 0-96px / 0-96px
- コンテナ幅
- width: 1312px / max-width: 1312px
- ナビゲーション
- 高さ 0px / position: static
