tenantcloud.com ↗
サイトを開く
Cloud-based property management software for Landlords, Property Managers, Tenants and Service Pros. Build rental history, collect or pay rent online, store accounting. Online rental applications and Maintenance requests.
このデザインを再現するAIプロンプト
Cursor / Claude Code / v0 にこのまま貼り付けると、近いトーンのLPが生成できます。
クラウド型不動産管理SaaSのLPを作って。Inter sans、ブルー #0ea5e9 × ホワイト、SaaS典型。ヒーローは製品UIスクリーンショット + 「Free property management software」のh1。料金プラン3階段（Free / Standard / Advanced）、ロール別ナビ（Landlord/PM/Tenant）。Trust badge セクション。
デザインの特徴
不動産管理SaaS の TenantCloud。ブルー #0ea5e9 × ホワイトの SaaS の典型的なカラーリング、Inter sans、フリーミアム訴求とログイン後ダッシュボードの数値可視化が前面。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#102a43Color #1
#102a43Color #2
#41a541Color #3
#ffffffColor #4
#829ab1Color #5
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | proxima-nova |
16px | 700 | 24px | normal |
| h2 | proxima-nova |
50px | 600 | 56.25px | normal |
| h3 | proxima-nova |
32px | 600 | 36px | normal |
| 本文 | proxima-nova |
17.7188px | 400 | 26.5781px | normal |
| リンク | proxima-nova |
15.75px | 400 | 23.625px | normal |
| ボタン | proxima-nova |
15.75px | 400 | 23.625px | normal |
使用フォント頻度
proxima-nova485箇所
remixicon4箇所
スケール・形状
- 角丸スケール
- 15px / 10px / 6px / 100px / 25px / 30px / 24px / 40px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 0-80px / 0-20px / 0-80px / 0-80px / 0-80px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 87px / position: sticky
outsite.co 
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com