メインコンテンツへ
Onbit
← サンプル一覧 / イベント · 紺・黄色・夜・祭り・うまいもん・夏

ヨルマルシェ — 夜のグルメフェスティバル

夏夜のグルメフェスを想定したイベント HP。紺地に黄色のアクセントで、出店者・人気メニュー・エリアマップ・来場ガイドを 1 ページにまとめました。

ヨルマルシェ — 夜のグルメフェスティバル のスクリーンショット

夏の夜に開かれるフードフェスを想定したイベント HP です。深い紺をベースに、黄色を強いアクセントとして使って、夜の屋台のあかりが見える祭りらしい温度感に仕上げました。

こんな方に向いています

  • 夜開催のグルメイベント・夜市・サマーフェスの公式ページが欲しい
  • 出店者と看板メニューを、写真と価格でわかりやすく並べたい
  • エリアマップと来場ガイドを 1 ページにまとめたい

構成

ヒーロー(紺背景に「夜が、いちばん、おいしい」コピー + 開催情報、右に夜の屋台写真と入場無料リボン)→ 注目の出店者(5 店舗カード)→ 今食べたいおすすめメニュー(5 品 + 赤い価格バッジ)→ エリアマップ + 来場ガイド(2 カラム)→ 実績・協力ロゴ → フッタ、と 6 ブロックで構成しました。

live preview

プレビュー

プレビューはモバイルでは別タブで開きます。

プレビューを別タブで開く ↗

/samples-preview/hp-marche-night/

related

関連するサンプル

一覧へ →

イベント の他のサンプル、または 複数セクション HP の似た構成のサンプルです。

★ ピックアップ
みらいのまちフェスティバル — 地域お祭りのポップ のサムネイル
イベント · クリーム × オレンジ × ライトブルー・丸ゴシック・親子向け 2026-05-05

みらいのまちフェスティバル — 地域お祭りのポップ

地域のお祭りを想定した HP サンプル。クリーム × オレンジ × ライトブルーのポップなトーンで、見どころ・ステージスケジュール・アクセス・FAQ を一気通貫で見せる構成です。

Hero(青空 + バナー + 開催日)見どころ 5 つ(アイコン + 一行説明)ステージスケジュール + アクセスマップFAQ + 来場予約
mismagi marche — クラフトマーケットのくすみピンク のサムネイル
イベント · くすみピンク・明朝・落ち着き・クラフト・やさしい 2026-05-05

mismagi marche — クラフトマーケットのくすみピンク

ハンドメイドのクラフトマーケットを想定した HP。くすみピンクと明朝書体の落ち着いたトーンで、作り手・カテゴリ・会場情報を 1 ページにまとめました。

Hero(明朝コピー + 入場無料バッジ)注目のクリエイター 5 組カテゴリから探す(5 ジャンル)会場地図 + 一日のすごし方
みどりのマルシェ — オーガニック農産物マーケット のサムネイル
イベント · 緑・クリーム・やさしい・自然・素朴 2026-05-05

みどりのマルシェ — オーガニック農産物マーケット

オーガニック農産物マルシェの公式 HP。緑とクリームの自然なトーンで、出展者・今週のラインナップ・アクセスを 1 ページにまとめました。

Hero(コピー + 開催情報 + 採れたてバッジ)注目の出店者 5 組(円形プロフィール)今週のラインナップ 5 アイテムアクセスマップ + おすすめの逸品
CREA NEXT 2025 — テックカンファレンスの紫 のサムネイル
イベント · 紫 × ライムアクセント・モダンサンセリフ・テック寄り 2026-05-05

CREA NEXT 2025 — テックカンファレンスの紫

デザイン × テックのカンファレンス HP サンプル。紫 × ライムのアクセントで、スピーカー・タイムテーブル・チケット・会場までを 1 ページに束ねた構成です。

ヒーロー(キービジュアル + 開催日 + 2 つの CTA)スピーカー 4 名(顔写真 + 役職 + 登壇枠)Day1 / Day2 のタイムテーブル抜粋3 種類のチケット(中央が強調)

このサンプルが気になったら

このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。