puddle.co.jp ↗
サイトを開く
Puddleは、まだ見たことのない“情景を描く”ことから手を動かし始め、人が集う場所と心地よい体験を創出していく建築・空間設計事務所です。私たちは、人がそこに集うことの豊かさを信じ、多様な価値観を受け入れながら、未来へとつながる景色をデザインしています。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#faf9f8Text
#707070Color #1
#707070Color #2
#ffffffColor #3
#000000Color #4
#adadadタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | Georgia |
16px | 400 | 20.8px | normal |
| h3 | YuMincho |
18px | 400 | 23.4px | 1px |
| 本文 | georgia |
13px | 300 | 26px | 0.5px |
| リンク | georgia |
22px | 300 | 18px | normal |
| ボタン | georgia |
10px | 400 | 11.5px | normal |
使用フォント頻度
YuMincho191箇所
georgia53箇所
Georgia30箇所
fontAwesome2箇所
yu-mincho-pr6n1箇所
スケール・形状
- 角丸スケール
- 50%
- セクション余白(pt/pb)
- 144-144px / 0-72px / 72-72px / 144-144px / 72-70px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 0px / position: static
woodsbagot.com 
shl.dk 
jouinmanku.com 