# From Minto With Love｜イベント / ライブのWebデザイン参考

> VTuberのライブ告知を、ジャズクラブの夜に変えた。Mint Fantômeのジャズライブ「From Minto With Love」の特設サイトは、アイボリーと焦げ茶に金を差した配色で、ライブを大人の予定に仕立てる。

- URL: https://fromminto.com/
- 解説ページ: https://katapick.com/sites/from-minto-with-love
- カテゴリ: イベント / ライブ / 地域: 海外（US）/ 業種: VTuberライブ（ジャズコンサート）
- テイスト: セリフ体、手書き文字、イラスト、固定ナビ、角丸
- 公開・リニューアル: 2026-01 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 2/5（目安 14 時間）

## 編集部のひとこと（Iris）
焦げ茶の地に金の差し色って、チョコの箱にかかったリボンみたい。ロゴの艶もチョコペンで描いたようで、バレンタインの甘さを色だけで閉じ込めてるのがすき。SOLD OUTの帯だけ青グレーに冷ますのもいい。

## デザインの見どころ
- FVは赤いドレスでマイクを握るMintと、艶のある筆記体ロゴだけ。情報より先に夜の空気を渡す
- アイボリーと焦げ茶の面を交互に敷く。案内・チケット・会場・グッズの切り替えが色で伝わる
- 2公演を左右に並べ、開場と開演を黒い小さなピルで添える。時刻の読み違いを起こさせない

## 配色
- #faf6f0 Ivory Cream（背景）
- #4a1a14 Cocoa Brown（セクション背景（チケット・グッズ））
- #6d2f22 Chestnut（見出し / ナビ）
- #2a2522 Espresso（本文 / ピル）
- #c9a962 Champagne Gold（公演ラベル / 区切り線）
- #e8dccc Latte（背景グラデーション / 補足）

## フォント
- 見出し・ナビ: Hello Branch（代替: Playfair Display）
- 本文・FAQ: Cormorant Garamond（代替: Cormorant Garamond）

## よくある質問
### From Minto With Loveのサイトで使われているフォントは？
見出しとナビに Hello Branch、本文に Cormorant Garamond が指定されています。Cormorant Garamond は Google Fonts で無料で使えます。見出しの代わりには Playfair Display などのクラシカルなセリフ体が合います。ロゴは画像です。

### From Minto With Loveはどんなイベントのサイト？
VTuberのMint Fantômeが出演する、ロサンゼルスのThe Peppermint Clubでのバレンタインの3Dジャズコンサートの特設サイトです。チケット、会場、グッズ、FAQを1ページにまとめています。

### From Minto With Loveのデザインはどんなサイトの参考になる？
VTuberや配信者のライブ・ファンミーティング、ディナーショー、ジャズや室内楽のコンサートなど、落ち着いた大人向けのイベントの特設サイトの参考になります。

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