# No Art｜イベント / ライブのWebデザイン参考

> 出演者は明かさず、会場の空気だけ見せてくる。アムステルダムの音楽レーベル兼イベント主催No Artのサイトは、全画面の映像と手書きのロゴ、等幅の大文字だけで組み、ラインナップより“その場にいる感覚”で人を呼んでいる。

- URL: https://www.noartmusic.com/
- 解説ページ: https://katapick.com/sites/no-art
- カテゴリ: イベント / ライブ / 地域: 海外（NL）/ 業種: 音楽レーベル・イベント主催
- テイスト: 映像主体、等幅フォント、3D/WebGL、手書き文字、カルーセル
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 4/5（目安 36 時間）

## 編集部のひとこと（Bruno）
UPCOMING EVENTSのすぐ後に地球儀、そのあとにSHOPなんだよね。次はいつか、どこでやってるか、会場で何を着るか。行くと決めた人が次に知りたいことの順番そのまま。これはうまい。

## デザインの見どころ
- FVは全画面の映像に手書きロゴと四隅のL字マークだけ。ファインダー越しに会場を覗く感覚になる
- FV右下の「NEXT UP」カードに次の開催と日付を置く。映像に浸らせたまま、次の予定を渡す
- 本文はすべて等幅の大文字で両端揃え。フライヤーのような硬さが、映像の柔らかさと対になる

## 配色
- #000000 Black（テキスト / 映像の地）
- #ffffff White（背景）
- #808080 Mid Gray（補足テキスト / ラベル）
- #d9d9d9 Wire Gray（地球儀の線 / 罫線）
- #adffff Ice Aqua（ロゴのハイライト）

## フォント
- 本文・ナビ・ラベル: Chivo Mono（代替: Chivo Mono）
- 見出し: Nue Haas Grotesk Text Pro（代替: Inter）

## よくある質問
### No Artのサイトで使われているフォントは？
本文やナビに Chivo Mono、見出しに Nue Haas Grotesk Text Pro が使われています。Chivo Mono は Google Fonts で無料で使え、見出しは Inter などのグロテスク体で近い雰囲気を出せます。

### No Artのような地球儀のUIはどう作る？
Three.js で球体のワイヤーフレームを描き、緯度経度を3D座標に変換して開催地のポイントを置くのが一般的です。手軽に作るなら globe.gl などのライブラリも使えます。

### どんな業種の参考になる？
音楽フェスやクラブイベント、アートイベント、音楽レーベルなど、出演者の名前より体験そのものを売りたいイベント系サイトの参考になります。

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