doorloop.com ↗
サイトを開く
DoorLoop is the highest rated rental property management software that helps screen tenants, collect rent, manage accounting, & more.
このデザインを再現するAIプロンプト
Cursor / Claude Code / v0 にこのまま貼り付けると、近いトーンのLPが生成できます。
次世代型不動産管理SaaSのLPを作って。Inter sans、ティール #14b8a6 基調、白背景。ヒーローは製品UIのスクリーンキャプチャ動画（autoplay loop muted）。「No more spreadsheets」「All-in-one」訴求。料金プラン3階建て、SaaS定番構成。
デザインの特徴
モダンでスタートアップ感あふれる不動産管理SaaS。ティール #14b8a6 を基調にしたフレッシュなトーン、Inter sansに製品UI動画。「No more spreadsheets」訴求が明快で、競合よりUI/UXに振り切ったブランディング。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#333333Color #1
#141414Color #2
#0000eeColor #3
#162050Color #4
#000000Color #5
#333333タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | system-ui |
64px | 400 | 76.8px | normal |
| h2 | system-ui |
22px | 400 | 33px | normal |
| h3 | system-ui |
32px | 700 | 32px | normal |
| 本文 | sans-serif |
16px | 400 | normal | normal |
| リンク | sans-serif |
16px | 400 | normal | normal |
| ボタン | sans-serif |
15px | 700 | 22.5px | normal |
使用フォント頻度
sans-serif696箇所
system-ui102箇所
Poppins-semiBold2箇所
スケール・形状
- 角丸スケール
- 8px / 60px / 15px / 7.5px / 3.75px / 12px / 4px / 6px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 20-20px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 0px / position: static
outsite.co 
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com