graf-d3.com ↗
サイトを開く
わたしたちは、「ものづくり」を通して、「暮らしを豊かにする」ことを目指すクリエイティブユニットです。大阪を拠点に、家具の製造・販売、スペースデザイン、プロダクトデザイン、ブランディングデザイン、グラフィックデザイン、コミュニティデザイン、カフェの運営や食や音楽のイベント運営など、さまざまな手法を使って「暮らし」にまつわるあらゆる事柄に取り組んでいます。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f2f2f2Text
#2f2f2fColor #1
#2f2f2fColor #2
#f1f1f1Color #3
#222222Color #4
#1f1f1fColor #5
#666666タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | YakuHanJPs |
12.6px | 200 | 18px | normal |
| h2 | Inter |
32.4px | 700 | 36px | normal |
| h3 | YakuHanJPs |
18px | 500 | 25.2px | normal |
| 本文 | YakuHanJPs |
12.6px | 100 | 18px | normal |
| リンク | YakuHanJPs |
14.4px | 400 | 21.6px | normal |
| ボタン | YakuHanJPs |
14.4px | 400 | 21.6px | normal |
使用フォント頻度
YakuHanJPs578箇所
Inter64箇所
Google Sans14箇所
arial3箇所
スケール・形状
- 角丸スケール
- 9999px / 1.8px / 7.2px / 10px / 50% / 12px / 0px 0px 12px 12px / 24px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 144-72px / 72-72px / 72-72px / 72-72px / 72-0px
- コンテナ幅
- width: 1440px / max-width: 100%
- ナビゲーション
- 高さ 0px / position: static
anouskahempeldesign.com 
studiopch.com 
champalimauddesign.com 
yabupushelberg.com 
1stdibs.com 
apparatus.studio