stessa.com ↗
サイトを開く
Track income and expenses seamlessly, draft leases, screen tenants and collect rent online, simplify tax time, and use real-time dashboards to manage smarter and faster.
このデザインを再現するAIプロンプト
Cursor / Claude Code / v0 にこのまま貼り付けると、近いトーンのLPが生成できます。
不動産投資家向け会計SaaS LP を作って。Inter sans、グリーン #10b981 基調。ヒーローに収支ダッシュボードのスクリーンショット + h1「Track every dollar」。フリーティア訴求、料金は free / $25/月 / カスタム。ROI計算機内蔵セクションあり。
デザインの特徴
不動産投資家向け会計/管理SaaS。グリーン #10b981 を基調に金融感のある信頼性、Inter sansに数値ダッシュボードのスクリーンショット。Free tier 訴求でVCバックドの成長型SaaS。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#141412Color #1
#141412Color #2
#212b36Color #3
#686758Color #4
#f8f9faColor #5
#222222タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Open Sans |
44px | 700 | 56px | normal |
| h2 | Open Sans |
32px | 700 | 38.4px | normal |
| h3 | Open Sans |
28px | 700 | 36.4px | normal |
| 本文 | Open Sans |
24px | 700 | 36px | normal |
| リンク | Open Sans |
14px | 400 | 21px | normal |
| ボタン | Open Sans |
16px | 600 | 18px | normal |
使用フォント頻度
Open Sans325箇所
Helvetica Neue6箇所
スケール・形状
- 角丸スケール
- 5px / 4px / 3px / 4.8px / 50% / 6px / 0px 0px 4px 4px / 2px
- シャドウ
- 4パターン使用
- セクション余白(pt/pb)
- 48-0px / 0-48px / 0-48px / 0-48px / 16-16px
- コンテナ幅
- width: 1320px / max-width: 1320px
- ナビゲーション
- 高さ 70px / position: fixed
outsite.co 
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com