サイトを開く
Real Estate Japan Resources
このデザインを再現するAIプロンプト
Cursor / Claude Code / v0 にこのまま貼り付けると、近いトーンのLPが生成できます。
外国人向け日本不動産メディアサイトを作って。Noto Sans JP + Inter、ネイビー #1e40af 基調、白背景。ヘッダーは英日切替トグル。トップは特集記事カード3-4本 + 物件検索フォーム。「Living in Japan」「Buy/Rent」のセクション。記事は写真付き、英日両方ナビ。
デザインの特徴
外国人向け日本不動産メディアの代表格。Noto Sans + Helvetica で日英バイリンガル、信頼感あるネイビー #1e40af 基調。記事カードと不動産検索の融合UIが特徴的で、外国人視点での日本不動産紹介の教科書。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f8f8f8Text
#000000Color #1
#000000Color #2
#93c023Color #3
#222222Color #4
#959595Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | Source Sans Pro |
44px | 200 | 48.4px | normal |
| h3 | Source Sans Pro |
26px | 700 | 28.6px | normal |
| 本文 | Heuristica |
18px | 400 | 25.7143px | normal |
| リンク | a |
0px | 400 | 0px | normal |
| ボタン | Source Sans Pro |
18px | 400 | 25.7143px | normal |
使用フォント頻度
Source Sans Pro323箇所
Heuristica53箇所
Roboto Condensed8箇所
a1箇所
スケール・形状
- 角丸スケール
- 2px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 25-25px
- コンテナ幅
- width: 1170px / max-width: none
- ナビゲーション
- 高さ 80px / position: static
outsite.co 
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com