One57 NYC PC表示
One57 NYC タブレット表示
One57 NYC スマホ表示

Beyond extraordinary, the Central Park condominiums at One57 offer a lifestyle enhanced by the exceptional service of Park Hyatt's five-star flagship hotel.

One57 は Christian de Portzamparc 設計、Extell Development 開発による 90 階建ての超高層分譲タワー。LP はランドマーク級プロパティの定番である「Black + Gold + Editorial」スタイルで構成されている。トップに巨大なタワー外観写真(夜景)をフルブリードで配置し、ロゴと「Beyond Extraordinary」のキャッチコピーのみを白テキストで重ねる。スクロールすると、「The Tower」「Residences」「Amenities」「Neighborhood」「Inquire」の章立てで、各セクションは1スクリーン分の余白を取り、写真と短い詩的なコピー2-3行のみで構成される。間取り図は CAD ライクな線画で表示、価格は明示せず「Price upon request」または非公開。コンシェルジュサービス、Park Hyatt ホテルが下層に同居するため「ホテルライフ × プライベートレジデンス」をライフスタイル写真で訴求。問い合わせフォームは予約者のみアクセス可能風で、シリアスインクワイアリーのみという格を演出。iedoki さんが豊洲の高級タワマンを扱う際の参考として「価格を語らない、ライフスタイルを語る」というスタンスが重要。

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

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

超高層分譲タワー(億ション)の専用 LP を作って。 スタック: Next.js + Tailwind + GSAP (スクロール演出) + Lenis (smooth scroll) フォント: 見出し: Didot / Cormorant Garamond (700 italic も使う) 本文: Helvetica Neue / Inter (300 / 400) caps: 1.2em letter-spacing 0.1em カラートークン: --black: #0a0a0a (背景メイン) --gold: #c9a45e (アクセント・ライン) --gold-soft: #e6d4a8 --cream: #f5f0e6 (オフホワイト・コピー時) --text: #ffffff --text-muted: rgba(255,255,255,0.7) レイアウトグリッド: 12カラム、max-width 1440px、サイド余白80px セクション構成 (各セクション 100vh): 1. Hero - フルスクリーン背景: タワー夜景写真 + 微妙な黒オーバーレイ (35%) - 中央: ロゴ (gold) + h1 (Didot italic 96px) 「Beyond Extraordinary」 - 下部: scroll prompt (gold 細線 + 「Explore」) 2. The Tower - 左50%: 黒背景にgold縦線 + 「90 Stories」「1,005 Ft」「2 Penthouses」 (Didot 72px の数字 + Helvetica caps のラベル) - 右50%: タワー外観のディテール写真 (B&W or low saturation) 3. Residences (3 sub-sections, horizontal scroll) - One Bedroom / Two Bedroom / Penthouse のタブ - 各タブで CAD 風線画の間取り + 短いスペック (Sqft / View / Ceiling Height) 4. Amenities - グリッド 6カードに細線borderのみ - Pool / Spa / Concierge / Fitness / Wine Cellar / Library - 各カード hover で gold border 点灯 + 写真がフェードイン 5. Neighborhood (Central Park map) - インタラクティブマップ (Mapbox dark style + gold pins) - 「Steps from Central Park」「2 blocks to Carnegie Hall」 6. Inquire - シンプルフォーム (Name / Email / Phone / Message) - 「Price upon request」明記、料金リスト無し - submit ボタンは gold border + テキストのみ インタラクション: - GSAP scroll-triggered fade-in、各セクションで 60-80% スクロールで発火 - hero タワー写真は Parallax (scrollYProgress * -50) - 数字(90 Stories 等)は CountUp.js で 0→数値 - hover で gold underline がスライドイン タイポルール: - 文章は3-5行で切る、絶対に長文段落作らない - 全 caps は letter-spacing 0.15em - 余白は伸び伸び、margin-y 120-160px

デザインの特徴

NYC セントラルパーク前の超高層分譲タワー One57 の専用 LP。黒背景+ゴールドアクセントの究極のラグジュアリー、Didot 系セリフが品格を支える。「数字で語らせる」高級不動産の典型構成。

Design Tokens(DOM解析データ)

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

カラーロール

Background#ffffff
Text#333333
Color #1#333333
Color #2#ffffff
Color #3#337ab7
Color #4#000000

タイポグラフィ

要素FontSizeWeightLineTracking
h1 One57 48px 500 52.8px 5.86784px
本文 ContaxSans55 18px 400 27px 0.8px
リンク ContaxSans55 0px 400 0px normal

使用フォント頻度

ContaxSans5571箇所 One579箇所 NewCaslonBEFOP-Roman8箇所

スケール・形状

コンテナ幅
width: 1060px / max-width: none
ナビゲーション
高さ 135px / position: fixed

関連サイト