kellywearstler.com ↗
サイトを開く
Explore Kelly Wearstler
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#000000Color #1
#000000Color #2
#ffffffColor #3
#212529タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Helvetica Neue |
72px | 900 | 86.4px | 7.2px |
| h2 | Druk-Font |
20px | 500 | 24px | 1px |
| 本文 | AkkuratLLSub-Regular |
14px | 400 | 21px | 0.91px |
| リンク | Helvetica Neue |
18px | 400 | 27px | normal |
| ボタン | AkkuratLLSub-Bold |
13px | 400 | 19.5px | 0.65px |
使用フォント頻度
AkkuratLLSub-Regular277箇所
Helvetica Neue222箇所
AkkuratLLSub-Bold32箇所
Druk-Font16箇所
DRUK-FONT3箇所
スケール・形状
- 角丸スケール
- 50px
- シャドウ
- 1パターン使用
- ナビゲーション
- 高さ 180px / position: absolute
anouskahempeldesign.com 
studiopch.com 
champalimauddesign.com 
yabupushelberg.com 
1stdibs.com 
apparatus.studio