# AMPTAKxCOLORS ホールツアー『AMPTAKx侵略計画レインボーロード中93％』｜イベント / ライブのWebデザイン参考

> 目次とSNSは、左右の星空へ追い出してる。歌い手グループAMPTAKxCOLORSのホールツアー特設サイトは、約390px幅のカラムを細い帯で額装し、公演日と会場だけを縦に読ませている。

- URL: https://amptak-colors-livetour2026.stpr.com/
- 解説ページ: https://katapick.com/sites/amptak-colors-livetour-2026
- カテゴリ: イベント / ライブ / 地域: 国内（JP）/ 業種: 歌い手グループ・ライブツアー
- テイスト: イラスト、ダーク、セリフ体、固定ナビ、ロングページ
- 公開・リニューアル: 2026-07 / Katapick掲載: 2026-09-28 / 最終確認: 2026-10-28
- 再現難易度: 3/5

## 編集部のひとこと（Leo）
右の帯に「RAINBOW LOADING...」と「93」！ツアー名の「ロード中93％」を、読み込み中の画面に見立ててるっぽい。開演前の暗い客席で、幕が上がるのを待ってる気分になる！

## デザインの見どころ
- カラムの両脇に細い帯を立て、縦書きのグループ名を刷る。スマホ幅の画面が、PCの中で額装された1枚になる
- 右の余白に英字ナビ9項目と、チケット・Q&Aの2ボタン。どこを読んでいても、買う・聞くの入口が横にある
- KVの直下を「WARNING」の警告帯で区切る。侵略計画というツアー名を、日程に入る前のひと呼吸で効かせる

## 配色
- #0a0819 Deep Space（カラム外の星空の背景（スクショから採色））
- #ffffff White（カラム左の帯・英字ナビの文字）
- #f4f0df Ivory（本文テキスト）
- #ef6100 Hazard Orange（会場名・曜日・OPEN/STARTラベル）
- #dc8229 Stripe Orange（警告帯・下端の斜めストライプ）
- #e7a101 Signal Gold（「会場案内」の見出し帯のグラデーション（スクショから採色））

## フォント
- 本文・ニュース見出し: Noto Sans JP（代替: Noto Sans JP）
- 会場名などの明朝の見出し: Noto Serif JP（代替: Noto Serif JP）
- 英字ナビ・日付の数字: EB Garamond（代替: EB Garamond）
- 「チケット情報はこちら」などのボタン文字: Zen Old Mincho（代替: Zen Old Mincho）

## よくある質問
### AMPTAKxCOLORS ホールツアー特設サイトはPCでどう見える？
星空の背景の中央に幅約390pxのスマホ幅カラムを置き、左にツアーロゴと共有ボタン、右に英字ナビとチケット・Q&Aへのボタンを配置する構成です。公演情報はカラム内だけで読ませ、移動と共有は左右の余白に任せています。

### どんなツアーの特設サイト？
STPRの歌い手グループAMPTAKxCOLORSのライブツアー『AMPTAKx侵略計画レインボーロード中93％』の公式サイトです。2026年9月から、愛知・大阪・東京・福岡の4都市で全11公演を行うと案内しています。

### 公演日程を見やすく並べるには？
公演地ごとに地名ラベルと会場名を置き、日付の数字を大きく、OPEN/STARTの時刻をラベル付きで添える方法が参考になります。会場の詳細は開閉式のブロックに収め、日程の一覧性を保っています。

### メンバーのイラストやロゴを参考資料として使ってもいい？
メンバーのイラスト、ツアーロゴなどの権利は運営元のSTPRに帰属します。参考にするのはカラム構成や配色、導線にとどめ、画像は使用しないでください。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「デザイン分析MD」は https://katapick.com/sites/amptak-colors-livetour-2026 からダウンロードできます。
出典: Katapick（https://katapick.com）