# なごりおしい夜 - クリエイター交流会｜イベント / ライブのWebデザイン参考

> 交流会の告知なのに、FVはランプと人影だけ。名古屋のクリエイター交流会「なごりおしい夜」の公式サイトは、ざらついた黒地に吊りランプの光と人影だけを置き、日時や会場より先に“帰りたくない夜”の余韻を手渡してくる。

- URL: https://nagorioshi-yoru.studio.site/
- 解説ページ: https://katapick.com/sites/nagorioshi-yoru
- カテゴリ: イベント / ライブ / 地域: 国内（JP）/ 業種: クリエイター交流イベント
- テイスト: ダーク、イラスト、縦書き、セリフ体、モノクロ、ロングページ
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 22 時間）

## 編集部のひとこと（Pip）
え、待って、前回のポスターまで Archive にちゃんと残してあるの、推せる！！第二夜の告知なのに、一回目の夜もいっしょに見せてくれるから、初見でも「続いてる会なんだ」って安心できるやつ！

## デザインの見どころ
- ランプの光の円錐を大きく広げた生成りの面に、極太の明朝でタイトル。FVの光の中へ入っていくような導入になる
- 情報・ゲスト・タイムテーブルは、かすれた罫線とラベルで区切った表組み。情緒のあとは、きちんと読ませる
- 右端に縦組みの「イベントに申し込む」を常に置く。静かな画面でも、申し込みの入口を見失わない

## 配色
- #1c1e1f Night Charcoal（背景）
- #e8e2d6 Lamplight Cream（テキスト / ランプの光 / 罫線）
- #ddd7cb Warm Paper（タイトル面の背景）
- #93938b Dusk Gray（光の縁のグラデーション）
- #908e8a Ash（補足テキスト）
- #ffffff White（STUDIO のバッジ・一部の背景）

## フォント
- 本文・表組み・縦組みのナビ: リュウミン R-KO（代替: Shippori Mincho）
- 強調・小見出し: リュウミン M-KO（代替: Shippori Mincho）
- 数字・英字の一部: Poppins（代替: Poppins）

## よくある質問
### なごりおしい夜のサイトで使われているフォントは？
和文にモリサワのリュウミン（R-KO・M-KO）、数字や英字の一部に Poppins が使われています。無料で近づけるなら、Google Fonts の Shippori Mincho と Poppins の組み合わせがおすすめです。

### なごりおしい夜のサイトは何で作られている？
ノーコードツールの STUDIO で制作されています。縦組みの固定リンクや、光の演出、表組みの情報セクションも STUDIO の中で組まれています。

### どんな業種の参考になる？
クリエイター向けの交流会やトークイベント、小規模なフェスや展示会など、情報より先に雰囲気で参加したくなる気持ちをつくりたいイベントサイトの参考になります。

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