Aman Residences Tokyo

aman.com ↗
Aman Residences Tokyo PC表示
Aman Residences Tokyo タブレット表示
Aman Residences Tokyo スマホ表示

Explore the world of Aman. 36 luxury resorts, hotels & private residences in 20 countries. Book accommodation, experiences & journeys of discovery with Aman

Aman は東洋的なミニマリズムとプライバシーで世界の超富裕層から支持されるホスピタリティブランド。Aman Residences Tokyo はその思想を東京で体現するプロジェクト。LP は Aman 全体のブランドサイトの一部として組み込まれており、写真・余白・タイポグラフィのバランスが極端に高い精度で計算されている。ヒーローはレジデンスのリビングルームから望む皇居夜景の1枚写真 + 「Aman Residences, Tokyo」のロゴテキストのみ。スクロールしても各セクションは1スクリーンの巨大な写真 + 詩的なキャプション2-3行というスタイルが貫かれる。「The Address」「The Residences」「The Amenities」「Aman Spa」「Service」「Inquire」の章立てで、間取り・スペック・価格は意図的に表示せず、「想像させる」「問い合わせさせる」設計。動画は使うが BGM なし、UI はミニマル、ナビゲーションも最小限のハンバーガーのみ。色彩はモノクローム+墨黒+和紙ベージュで、CSS の color tokens がブランドガイドラインに厳格に従っている。iedoki さんが「真の高級」を訴求する際の参考として、「show, don't tell」「price is on request」「whitespace as content」の3原則は転用できる。

このデザインを再現するAIプロンプト

Cursor / Claude Code / v0 にこのまま貼り付けると、近いトーンのLPが生成できます。

超高級ホテルレジデンス(Aman 系)の専用 LP を作って。 スタック: Next.js + Tailwind (custom config) + Lenis (smooth scroll) + GSAP (light) フォント: 和文: 游明朝 (Yu Mincho) / Noto Serif JP (300/400) 英文: Garamond / Cormorant Garamond (300/400 italic も) caps: tracking-wider, font-light 本文行間: 1.8 カラートークン: --ink: #2a2a2a (墨黒・本文) --washi: #ede6d8 (和紙ベージュ・背景) --cream: #f5f0e6 (オフホワイト) --gold-soft: #b8a47e (極控えめ) --gray-soft: #8a8480 (テキスト副次) --line: #d4c9b3 (細線) グリッド: 12カラム、max-width 1320px、サイド余白 80px (sp 24px) セクション構成 (各 100vh、全面写真): 1. Hero - フルスクリーン: レジデンスのリビングから望む夜景写真 - 中央下: 「Aman Residences, Tokyo」(Garamond italic 32px, white) - スクロール矢印無し(ホバーで微小に下に動く) 2. Approach (静かな館内エントランスの写真) - 右下に詩的キャプション「Where the city quiets, a sanctuary begins.」 3. The Residences - 左50%: 「The Residences」(英文 caps) + 短いコピー 3行 - 右50%: リビングの巨大写真 - 間取り図やスペックは出さない 4. Aman Spa - 全面: スパ内観写真 - 中央: 「Aman Spa」+ 「東京で唯一の都市型 Aman Spa」 5. Service - 黒背景 + 白テキスト - 「24/7 Concierge」「Personal Chef」「Limousine」を箇条書きではなく散文で 6. Address - 大手町タワーの建築写真 - 「3-1-1 大手町, Chiyoda-ku」 7. Inquire - 白背景 + シンプルフォーム - 「Price upon request」「Inquiries handled with discretion」 - 送信ボタンはテキストのみ「Submit Inquiry →」 インタラクション: - Lenis で smooth scroll(重要) - 各セクションは Lenis の scroll-progress で 30% スクロール時にフェードイン - 写真は IntersectionObserver で lazy + opacity transition (0→1, 1.2s) - ナビは最初は透明、scroll で背景が白に - hover はほぼ無し(マウスストーカーも無し) タイポルール: - h1/h2 は Garamond italic、本文は本文用Garamond regular - 和文は游明朝、英文より少し小さめ - 全 caps は letter-spacing 0.2em - 段落 max-width 480px、行間 1.8 禁則: - 価格を出さない - スペック表(〇〇 sqm, 〇〇 stories)を出さない - CTA は控えめに「Inquire」のみ - BGM 自動再生しない - ボタンに角丸つけない(border-radius 0)

デザインの特徴

Aman Tokyo(大手町タワー 33-38F)の分譲レジデンス専用ページ。Aman 共通の墨黒 + 和紙ベージュ、Garamond + 游明朝の和洋折衷、写真は侘び寂び的な「間」を最大限活かしたエディトリアル品質。「数字を見せず、空気を見せる」究極のラグジュアリー手法。

Design Tokens(DOM解析データ)

このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。

カラーロール

Background#f3eee7
Text#313131
Color #1#313131
Color #2#585858
Color #3#404040
Color #4#000000
Color #5#555555

タイポグラフィ

要素FontSizeWeightLineTracking
h2 Lyon Text Web 31.08px 400 45.066px 0.5px
h3 Lyon Text Web 19.6px 400 28.42px 0.98px
本文 WhitneySSm 9.8px 400 14.21px normal
リンク WhitneySSm 14px 400 20.3px 0.8px
ボタン WhitneySSm 14px 400 16.1px normal

使用フォント頻度

Lyon Display Web265箇所 WhitneySSm261箇所 Lyon Text Web30箇所 Whitney SSm A18箇所

スケール・形状

角丸スケール
2.5px / 3px / 2px / 17px
シャドウ
2パターン使用
セクション余白(pt/pb)
30-10px / 30-11px
コンテナ幅
width: 1391px / max-width: 1600px
ナビゲーション
高さ 88px / position: sticky

関連サイト