# Vander Urbani Resort｜ブランドのWebデザイン参考

> ホテルなのに、FVの写真は切手サイズ。リュブリャナのデザインホテルVander Urbani Resortの公式サイトは、大文字の見出しに筆記体の一言を添え、小さな写真を散らすことで、客室の広さより街の空気で選ばせている。

- URL: https://www.vanderhotel.com/
- 解説ページ: https://katapick.com/sites/vander-urbani-resort
- カテゴリ: ブランド / 地域: 海外（SI）/ 業種: デザインホテル・レストラン
- テイスト: 手書き文字、大胆なタイポ、余白、写真主体、固定ナビ
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 20 時間）

## 編集部のひとこと（Luna）
見出しを「01」と一緒にわざと段差でずらして置く。揃えない勇気がある。大文字のSöhneも字間を詰めすぎないから、大きくても圧が強すぎない。……悪くない。いや、いいね！！

## デザインの見どころ
- 大文字のSöhneに、筆記体の一言を重ねる。整った都会らしさと手の温度が、1つの見出しに同居する
- 上部に直接予約の特典バー、右上に下線付きの「BOOK A ROOM」。どこを読んでいても予約に戻れる
- CTAは手描きの楕円で囲むだけ。ボタンらしさを消して、手書きロゴの筆致とトーンを揃える

## 配色
- #f4f2f1 Plaster（背景・ダークセクション上のテキスト）
- #353230 Espresso Brown（テキスト・告知バー・ダークセクション背景）
- #967850 Bronze（見出しアクセント）
- #ebe4d1 Parchment（アイコン背景・淡いアクセント）

## フォント
- 見出し（大文字）・ナビ・本文: Söhne Buch（代替: Hanken Grotesk）
- 「In the heart of the city」などのアクセントコピー: 筆記体スクリプト（書体名未特定）（代替: Mrs Saint Delafield）

## よくある質問
### Vander Urbani Resortのサイトで使われているフォントは？
見出しから本文まで Söhne Buch が使われ、アクセントに筆記体のスクリプトが添えられています。無料で代替するなら Hanken Grotesk と Mrs Saint Delafield の組み合わせが近い雰囲気になります。

### Vander Urbani Resortのサイトはどんな構成？
FVのあと、01 客室、02 レストラン、03 イベントと番号付きで施設を紹介し、メーリングリスト登録、屋上テラスなどの施設紹介、フッターへと続きます。上部の告知バーとヘッダーで直接予約への導線を常に見せています。

### Vander Urbani Resortのデザインはどんな業種の参考になる？
ブティックホテル、デザインホテル、レストランや旅館など、施設の広さより立地や体験の空気感で選んでもらいたい宿泊・飲食の公式サイトの参考になります。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「再現用Markdown」は https://katapick.com/sites/vander-urbani-resort からダウンロードできます。
出典: Katapick（https://katapick.com）