04

RYOKAN · LP

月詠つくよみ

カテゴリ

旅館 / LP

技術

HTML / CSS / JS

画像

gpt-image-2

ステータス

LIVE

概要

信州の隠れ家旅館「月詠」のランディングページ。月と自然をテーマに、静寂と品格を感じさせる和の世界観を表現しました。

月齢カレンダーと連動した予約UI、縦書き俳句セクションなど、日本語の美しさをWebデザインに落とし込むことに挑戦しています。

こだわり

  • 月齢カレンダー（JavaScriptで月相を計算・表示）
  • CSS writing-mode による縦書き俳句レイアウト
  • 深みのある藍 × 金 × 墨のカラーパレット
  • スクロール連動の障子風トランジション
サイトを見る → ← Works に戻る