hok.com ↗
サイトを開く
HOK is a global design, architecture, engineering and planning firm. Our people collaborate across a network of 27 offices on three continents.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#404040Color #1
#141414Color #2
#404040Color #3
#333333Color #4
#999999Color #5
#4a4a4aタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | H-book |
32px | 400 | 24px | normal |
| h2 | H-book |
24px | 400 | 30px | normal |
| 本文 | sans-serif |
13px | 400 | 17px | 0.5px |
| リンク | sans-serif |
15px | 400 | 24px | 0.1px |
| ボタン | sans-serif |
15px | 700 | 22.5px | normal |
使用フォント頻度
H-book380箇所
sans-serif245箇所
H-medium113箇所
Ag58箇所
Helvetica3箇所
スケール・形状
- 角丸スケール
- 60px / 15px / 7.5px / 50%
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 100-0px / 30-0px / 100-100px / 30-0px / 10-10px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 60px / position: absolute
woodsbagot.com 
shl.dk 
jouinmanku.com 