From Minto With Love

1. 01

   フローティングナビ

   上部中央に角丸のピル型ナビ（Home / Tickets / Venue / Merch / FAQ）を浮かせて固定。

2. 02

   ヒーロー

   赤いドレスでマイクを握るMintのイラストと、焦げ茶の筆記体ロゴ「From Minto With Love」。下に「AN INTIMATE 3D JAZZ CONCERT WITH MINT FANTÔME AND FRIENDS」と「February 13th 2026」を大きく置く。

3. 03

   公演情報

   会場名 The Peppermint Club, Los Angeles、Show 1 / Show 2 の開場・開演時刻を左右に並べ、Special Live2D Guests の5名を金の縁の丸いアイコンで紹介。

4. 04

   TICKETS

   焦げ茶の地に白いカードで配信チケット（$30）を置き、2公演は SOLD OUT の帯で表示。

5. 05

   VENUE

   会場写真2枚を傾けて重ね、住所と「Get directions」ボタンを添える。

6. 06

   MERCH

   焦げ茶の地に、スタンディ・アクリルパネル・缶バッジ・コースターなどのグッズカードを並べ、アートとデザインのクレジットを添える。

7. 07

   FAQ

   アイボリーの地に、2公演の違い・ドレスコード・年齢制限・撮影ポリシーなどのQ&Aを罫線区切りで並べる。

8. 08

   フッター

   ハッシュタグ #FromMintoWithLove の共有ボタンと、主催 oshiSPARK のロゴ。

• ピル型ナビは position: fixed で上部中央に浮かせ、影で背景から持ち上げている
• 会場写真は rotate で少し傾けたカードを重ね、スナップ写真のように見せる
• アイボリーからベージュへ流れる背景は linear-gradient で再現可能
• 技術スタックは Google Fonts のみで、フレームワークを使わない静的な1ページ構成と思われる

スクロールのコマ撮り150–600ms

検出された技術:Google Fonts

• 01配色はアイボリーと焦げ茶の2面に絞り、金はラベルや区切り線だけに使う
• 02見出しと本文をクラシカルなセリフ体でそろえ、ロゴだけを装飾的な筆記体にする
• 03公演時刻は OPEN / START をピルで区別し、2公演を左右に並べる
• 04ゲストは丸いアイコンに金の縁を付け、名前をセリフ体で添える

1---
2title: "From Minto With Love デザイン分析書"
3source: https://fromminto.com/
4katapick: https://katapick.com/sites/from-minto-with-love
5category: イベント / ライブ
6region: 海外 (US)
7tags: [セリフ体, 手書き文字, イラスト, 固定ナビ, 角丸]
8launched: 2026-01
9verified: 2026-10-26
10measured: 2026-09-26 (Chromium 1440x900)
11difficulty: 2/5
12generator: Katapick
13---
14 
15# From Minto With Love — デザイン分析書
16 
17> VTuberのライブ告知を、ジャズクラブの夜に変えた。Mint Fantômeのジャズライブ「From Minto With Love」の特設サイトは、アイボリーと焦げ茶に金を差した配色で、ライブを大人の予定に仕立てる。
18 
19このファイルは Katapick（https://katapick.com）が作成した、デザインを学び・参考にするための仕様書です。
20数値は推測ではなく、実ブラウザで描画した状態から計測した実測値です（2026-09-26 計測）。そのまま Claude Code / Cursor / v0 などのAIコーディングツールに渡せます。
21AIっぽさ（紫のグラデーション、同じ形の3列カードなど）を消すルールと、盗作を避けるための指示も入っています。
22