# 表現の研究 — 水平線に泊まる

## 参考元
[https://supahero.io/hero/badrutt-s-palace-hotel](https://supahero.io/hero/badrutt-s-palace-hotel)

確認日：2026-09-15。公開ギャラリーの掲載画像・説明を調査。元サイトの全ページやソースコードを解析したものではない。

## 観察と転用
掲載画像では風景が画面の大部分を占め、上部のナビゲーションと予約導線が抑制されている。山岳ホテルの写真を、オリジナルの海辺の建築へ置き換え、宿泊条件を別の帯に整理した。

## 独自の業態設定
NAGI / 04 / 風景を最初の価値にする。文字の背後に海を残し、予約の情報は独立した白い帯へ。

## トップページ構成
風景のヒーロー → 宿泊条件 → 滞在の哲学 → 客室比較 → 過ごし方 → 案内

## 学習できる技術
客室タイプ切替と宿泊案内ダイアログ。風景をゆっくり拡大する一度限りの導入。

画像・コード・コピー・有料プロンプトを参考元から流用せず、この事例用に制作。