# KIKUSUI蔵GARDEN かもすでみたす｜ブランドのWebデザイン参考

> トップを開くと、いきなり敷地の絵地図。酒蔵・菊水が発酵をテーマに開いた交流の場「KIKUSUI蔵GARDEN かもすでみたす」のサイトは、水彩の地図に施設の入口を埋め込み、酒蔵を“歩いて回れる庭”として見せている。

- URL: https://kikusui-kamosudemitasu.com/
- 解説ページ: https://katapick.com/sites/kikusui-garden
- カテゴリ: ブランド / 地域: 国内（JP）/ 業種: 酒蔵・発酵体験施設
- テイスト: イラスト、縦書き、大胆なタイポ、写真主体、ライト
- 公開・リニューアル: 2026-05 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 26 時間）

## 編集部のひとこと（Bruno）
地図のすぐ下に、日付を大きく出したイベントカードを並べてるんだよね。施設紹介より先に「いつ行くか」を決めさせる順番。予約までの距離が短くて、これはうまい。

## デザインの見どころ
- FVは水彩の敷地マップ。虫眼鏡のピンと吹き出しで施設を示し、地図がそのまま目次になる
- CAFE・SHOP・LABOは画面端で切れる巨大な英字。施設ごとの章立てが、遠目でもわかる
- 縦書きの明朝「発酵って、ワクワク。」がコピーの声。地図のにぎやかさを静かな一行で締める

## 配色
- #fbf7f4 Rice Wash（背景）
- #000000 Sumi Black（ロゴ / 英字見出し / ボタン）
- #535353 Graphite（本文）
- #096096 Koji Indigo（地図のピン / ラベル）
- #dd5901 Persimmon（イベントカードの日付 / アクセント）
- #b7d484 Meadow Green（地図イラストの芝生）

## フォント
- 英字見出し（CAFE・SHOP・LABO）・数字: Roboto（代替: Roboto）
- 本文・ナビ: Noto Sans JP（代替: Noto Sans JP）
- 縦書きのコピー・見出し: Shippori Mincho（代替: Shippori Mincho）

## よくある質問
### KIKUSUI蔵GARDENのサイトで使われているフォントは？
英字見出しに Roboto、本文に Noto Sans JP、縦書きのコピーに Shippori Mincho が使われています。いずれも Google Fonts で無料で利用できます。

### KIKUSUI蔵GARDENのような絵地図のトップはどう作る？
1枚のイラストを背景に置き、施設ごとのピンや吹き出しを%指定の絶対配置で重ねます。ピンをリンクやモーダルの入口にすると、地図がそのままナビゲーションになります。

### KIKUSUI蔵GARDENのデザインはどんな業種の参考になる？
酒蔵・醸造所の見学施設、観光農園、カフェやショップを併設した地域の複合施設など、敷地を歩いて楽しむ場所を紹介するサイトの参考になります。

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