Landing PageOverseas / AEPicked 2026.09.26

Sobha Privy Collection

LPのWebデザイン参考 — 高級不動産（ドバイの邸宅・ペントハウス）

出典: sobha-privy-collection.com

Editor's note — 編集部の視点

物件写真は出さず、黒と筆記体で高級感を出す。

ドバイの高級邸宅を集めたSobha Privy CollectionのLPは、黒いリボンの造形に「The art of the sublime」を重ね、美術品の空気を先にまとわせる。

LunaType & Whitespace

ヘッダーは Menu とロゴと 3D Map の3つだけ。ロゴまで細いセリフで小さく置いて、全然主張しない。余白で格を出すってこと、わかってるじゃない。……いいね！！

1FVは黒いリボンの造形とコピーだけ。売り物をあえて見せないことで、希少性を先に伝える
2「The art」は筆記体、「OF THE SUBLIME」は大文字のセリフ体。2書体の対比で格式と色気を両立
3右下に3Dマップの小窓を常設。雰囲気で引き込みつつ、立地という実利への入口も手放さない

Color

Sobha Privy Collectionの配色

Typography

使用フォントと無料の代替

見出し（大文字のセリフ体）

Aa あア

使用: TT Ramillas
代替: Cormorant Garamond

見出しの筆記体

Aa あア

使用: Altesse Std（altesse-std-64pt）
代替: Pinyon Script

本文・ナビ・ラベル

Aa あア

使用: TT Commons Pro
代替: Albert Sans

実測タイプスケール1440px幅 · 2026-09-26 計測

特大見出しKatapick 型80px · 1.06 · 300
小見出しKatapick 型80px · 1.06 · 300
本文The quick brown fox — 参考を型にする28px · 1.25 · 300
ボタンKatapick 型28px · 1.25 · 300

Structure

ページ構成（上から順）

01
ヘッダー
左に「Menu」、中央に細いセリフの「THE PRIVY COLLECTION」ロゴ、右に「3D Map」の3点だけを置く。
02
ヒーロー
光沢のある黒いリボンのビジュアルを全面に敷き、中央に筆記体の「The art」と大文字の「OF THE SUBLIME」。左下にスクロール矢印、右下にパーム・ジュメイラの地図サムネイル付き「OPEN THE MAP」の小窓。
03
ステートメント
「of the rarest luxury homes」「SOME CREATIONS MERIT A PLACE」「EVOKING A SENSATION CHASED BY SO MANY, ATTAINED BY SO FEW」と、大文字の見出しを重ねてコレクションの思想を語る。
04
コレクション
「The three worlds」の見出しで、コレクションを3つの系統に分けて紹介する。
05
Tenets
「Expansive Spaces」「Iconic Addresses」「Uncompromising Finesse」「Exclusive Amenities」「Exceptional service」「Extraordinary Privacy」「A cut Above」の7つの信条を順に見せる長いパート。
06
セレクション・ロケーション
物件のセレクションと、「Projects location」で所在地を案内するパート。
07
The Idea・コンタクト・フッター
コンセプトの説明から問い合わせフォーム、フッターへつなぐ。

Interaction

アニメーション・インタラクション

ページの高さは1画面分しかない一方、各セクションの高さの合計は数万pxあるため、独自のスクロール制御でセクションを切り替えていると思われる。GSAP ScrollTrigger のピン留めか仮想スクロールで再現可能
Tenets パートは高さが約16,000pxあり、7つの信条をスクロールに合わせて1つずつ切り替えるピン留め演出と思われる
右下の3Dマップの小窓は、ヘッダーの「3D Map」と同じ地図ビューへの入口と思われる。固定配置のカードに地図サムネイルを置き、クリックでモーダルを開く形で再現可能

スクロールのコマ撮り400–30000ms

Sobha Privy Collectionをスクロールしたときのフレーム1 — 01

検出された技術:Adobe Fonts

Reproduce

再現するときのポイント

01FVは物件写真を使わず、黒の抽象ビジュアルと中央の2行コピーだけに絞る
021語だけ筆記体、残りを大文字のセリフ体にして、サイズ差より書体の対比で見出しを作る
03ヘッダーは Menu・ロゴ・3D Map の3点に絞り、ロゴも細いセリフの小さなサイズに抑える
04色は黒・白・グレーだけにし、黒のパートと白のパートの切り替えで場面転換を作る

再現MDに含まれるもの

実測タイプスケール・余白・角丸・ブレークポイント・動きの長さとイージング / コントラスト判定 / カラートークン / 全7セクションの仕様 / Claude Code・Cursor・v0 用の実装プロンプト / Tailwind・tokens.json / 差し替え必須リスト

Katapick の再現MDは何がすごい？ →

sobha-privy-collection.katapick.md

1---
2title: "Sobha Privy Collection 再現用デザイン仕様書"
3source: https://sobha-privy-collection.com/
4katapick: https://katapick.com/sites/sobha-privy-collection
5category: LP
6region: 海外 (AE)
7tags: [ダーク, セリフ体, モノクロ, ミニマル, 余白]
8launched: 2026-09
9verified: 2026-09-26
10measured: 2026-09-26 (Chromium 1440x900)
11difficulty: 4/5
12estimated_hours: 36
13generator: Katapick
14---
15 
16# Sobha Privy Collection — 再現用デザイン仕様書
17 
18> 物件写真は出さず、黒と筆記体で高級感を出す。ドバイの高級邸宅を集めたSobha Privy CollectionのLPは、黒いリボンの造形に「The art of the sublime」を重ね、美術品の空気を先にまとわせる。
19 
20このファイルは Katapick（https://katapick.com）が作成した、デザインを学び・参考にするための仕様書です。
21数値は推測ではなく、実ブラウザで描画した状態から計測した実測値です（2026-09-26 計測）。そのまま Claude Code / Cursor / v0 などのAIコーディングツールに渡せます。
22