Sobha Privy Collection

1. 01

   ヘッダー

   左に「Menu」、中央に細いセリフの「THE PRIVY COLLECTION」ロゴ、右に「3D Map」の3点だけを置く。

2. 02

   ヒーロー

   光沢のある黒いリボンのビジュアルを全面に敷き、中央に筆記体の「The art」と大文字の「OF THE SUBLIME」。左下にスクロール矢印、右下にパーム・ジュメイラの地図サムネイル付き「OPEN THE MAP」の小窓。

3. 03

   ステートメント

   「of the rarest luxury homes」「SOME CREATIONS MERIT A PLACE」「EVOKING A SENSATION CHASED BY SO MANY, ATTAINED BY SO FEW」と、大文字の見出しを重ねてコレクションの思想を語る。

4. 04

   コレクション

   「The three worlds」の見出しで、コレクションを3つの系統に分けて紹介する。

5. 05

   Tenets

   「Expansive Spaces」「Iconic Addresses」「Uncompromising Finesse」「Exclusive Amenities」「Exceptional service」「Extraordinary Privacy」「A cut Above」の7つの信条を順に見せる長いパート。

6. 06

   セレクション・ロケーション

   物件のセレクションと、「Projects location」で所在地を案内するパート。

7. 07

   The Idea・コンタクト・フッター

   コンセプトの説明から問い合わせフォーム、フッターへつなぐ。

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

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

検出された技術:Adobe Fonts

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

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-10-26
10measured: 2026-09-26 (Chromium 1440x900)
11difficulty: 4/5
12generator: Katapick
13---
14 
15# Sobha Privy Collection — デザイン分析書
16 
17> 物件写真は出さず、黒と筆記体で高級感を出す。ドバイの高級邸宅を集めたSobha Privy CollectionのLPは、黒いリボンの造形に「The art of the sublime」を重ね、美術品の空気を先にまとわせる。
18 
19このファイルは Katapick（https://katapick.com）が作成した、デザインを学び・参考にするための仕様書です。
20数値は推測ではなく、実ブラウザで描画した状態から計測した実測値です（2026-09-26 計測）。そのまま Claude Code / Cursor / v0 などのAIコーディングツールに渡せます。
21AIっぽさ（紫のグラデーション、同じ形の3列カードなど）を消すルールと、盗作を避けるための指示も入っています。
22