sumai-surfin.com ↗
サイトを開く
マンションの資産価値が分かるサイト「住まいサーフィン」会員数33万人を突破。他のサイトには無い将来の資産性が分かる10年後予測を公開。マンション購入で損をしない人を少しでも増やしたい思いで独自指標を無料公開しています。
このデザインを再現するAIプロンプト
Cursor / Claude Code / v0 にこのまま貼り付けると、近いトーンのLPが生成できます。
マンション資産価値分析サイトを作って。Noto Sans JP、ブルー #1e40af + シアン #06b6d4 のグラデーション、白背景。ヒーローには「あなたのマンションの10年後の資産価値」のh1 + 分析開始CTA。下にデータ可視化のチャート例、地図ヒートマップ、ユーザー口コミ。会員登録（無料）でデータ閲覧の二段階制。
デザインの特徴
マンション資産価値分析のパイオニア。33万人会員。データ可視化を前面に、Noto Sans JPに信頼感あるブルー #1e40af + シアン #06b6d4 のグラデーション。10年後予測のチャート、地図ヒートマップ、口コミの3点セットが情報設計の柱。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f4f4f4Text
#444444Color #1
#444444Color #2
#00afc0Color #3
#ffffffColor #4
#555555Color #5
#13131eタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | 游ゴシック体 |
12px | 700 | 12px | -0.96px |
| h2 | 游ゴシック体 |
20px | 700 | 32px | 0.1px |
| h3 | 游ゴシック体 |
18px | 700 | 40px | 0.1px |
| 本文 | 游ゴシック体 |
14px | 500 | 14px | 0.1px |
| リンク | 游ゴシック体 |
14px | 500 | 14px | 0.1px |
| ボタン | 游ゴシック体 |
14px | 500 | 22.4px | 0.1px |
使用フォント頻度
游ゴシック体754箇所
Century46箇所
スケール・形状
- 角丸スケール
- 0px 0px 0px 5px / 0px 0px 5px / 43.2px / 5px / 0px 0px 5px 5px / 5px 5px 0px 0px / 30px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 0-40px
- コンテナ幅
- width: 1300px / max-width: none
- ナビゲーション
- 高さ 112px / position: static
outsite.co 
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com