サイトを開く
Muuto B2C website
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#efeeebText
#000000Color #1
#000000Color #2
#282828Color #3
#ffffffColor #4
#2c4c45Color #5
#685d20タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | EuclidFlex |
170px | 500 | 170px | -6.8px |
| h3 | EuclidFlex |
20px | 400 | 20px | -0.32px |
| 本文 | EuclidFlex |
40px | 500 | 38px | -1.4px |
| リンク | EuclidFlex |
16px | 400 | 23px | -0.32px |
| ボタン | EuclidFlex |
20px | 500 | 21px | -1px |
使用フォント頻度
EuclidFlex526箇所
Spectral43箇所
スケール・形状
- 角丸スケール
- 50% / 50px / 2.5px / 2px / 3px / 17px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 160-160px / 77-77px / 160-160px / 160-160px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 50px / position: fixed
anouskahempeldesign.com 
studiopch.com 
champalimauddesign.com 
yabupushelberg.com 
1stdibs.com 
apparatus.studio