borderless-house.jp ↗
サイトを開く
東京・関西を中心に、多国籍の外国人と一緒に暮らしながら、英語や文化を自然に学べる国際交流シェアハウス。学生や社会人が交流を通して新しい自分に出会える国際交流の場です。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#11111fColor #1
#000000Color #2
#11111fColor #3
#ffffffColor #4
#003f96タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Lato |
40px | 700 | 60px | 5px |
| h2 | Lato |
48px | 700 | 62.4px | 1px |
| 本文 | sans-serif |
18px | 700 | 28.8px | normal |
| リンク | sans-serif |
16px | 700 | 18.4px | 3px |
| ボタン | sans-serif |
0px | 400 | 0px | normal |
使用フォント頻度
sans-serif478箇所
Lato321箇所
lucida grande1箇所
スケール・形状
- 角丸スケール
- 4px / 0px 0px 4px 4px / 30px / 50px / 4px 0px 0px 4px / 0px 4px 4px 0px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 32-0px / 24-24px / 48-0px / 0-24px
- ナビゲーション
- 高さ 121px / position: static
outsite.co 
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com