hay.com ↗
サイトを開く
View HAY.com’s range of designer furniture, find local dealers, learn more about the designers’ backgrounds and be updated on the latest design news here.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f2f2f2Text
#0a0a0aColor #1
#0a0a0aColor #2
#000000Color #3
#404041Color #4
#252525Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | Meta W05 Bold |
16px | 500 | 22.4px | normal |
| h3 | ITCNewBaskervilleRoman |
20px | 400 | 28px | 1.1px |
| 本文 | NeueHelvetica55Roman |
12px | 400 | 18px | 1px |
| リンク | NeueHelvetica55Roman |
16px | 400 | 24px | normal |
| ボタン | NeueHelvetica55Roman |
12px | 400 | 12px | normal |
使用フォント頻度
NeueHelvetica55Roman343箇所
ITCNewBaskervilleRoman74箇所
Meta W05 Bold5箇所
Meta W05 Regular1箇所
スケール・形状
- 角丸スケール
- 56px / 5px / 2.5px / 2px / 3px / 17px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 130-50px
- コンテナ幅
- width: 1440px / max-width: 1440px
- ナビゲーション
- 高さ 130px / position: fixed
anouskahempeldesign.com 
studiopch.com 
champalimauddesign.com 
yabupushelberg.com 
1stdibs.com 
apparatus.studio