hassellstudio.com ↗
サイトを開く
Across global studios in Australia, Asia, US and UK, we design award-winning architecture, interior design, landscape architecture and urban design.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#000000Color #1
#000000Color #2
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | franklin-gothic-urw-comp |
72px | 700 | 64.8px | -0.16px |
| h3 | franklin-gothic-urw-comp |
48px | 700 | 43.2px | -0.16px |
| 本文 | franklin-gothic-urw |
16px | 700 | 22.4px | normal |
| リンク | Helvetica |
16px | 700 | 20px | normal |
| ボタン | Helvetica |
16px | 700 | normal | normal |
使用フォント頻度
franklin-gothic-urw423箇所
franklin-gothic-urw-comp20箇所
Helvetica12箇所
source-han-sans-simplified-c1箇所
スケール・形状
- 角丸スケール
- 50% / 21px / 12px / 4px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 32-32px / 32-32px / 32-32px / 32-32px / 0-32px
- コンテナ幅
- width: 1440px / max-width: none
woodsbagot.com 
shl.dk 
jouinmanku.com 