Tokyo Wave 88.3 — 夜のコミュニティ FM
毎晩 22 時から放送する夜間 FM 局を想定したサンプル HP。波形 SVG と ON AIR の点滅で、放送中の空気を出してみました。
夜だけ放送しているコミュニティ FM 局、っていうイメージで作ったサンプル HP です。ON AIR ランプが点滅する感じや、波形が流れている感じを CSS / SVG だけで再現してます。
こんな方に向いています
- コミュニティ FM、ネットラジオ、Podcast の番組サイト
- ライブ配信メインで、視聴者と双方向にやりとりしたい
- 「いつ・誰が・何を流すか」が一目で分かる構成にしたい
構成
ヒーローで波形と ON AIR ランプを見せて、番組表 → DJ 紹介 → リスナー投稿、と流れます。番組表は縦の時間軸にして、夜の流れがそのまま見える形にしました。
live preview
プレビュー
related
関連するサンプル
コミュニティ の他のサンプル、または 複数セクション HP の似た構成のサンプルです。
NPO このはな
コミュニティ · ナチュラル ・ 紙の質感 ・ 緑 ・ 有機的 2026-05-05
土と水の研究所 — 紙テクスチャ・ナチュラル
子ども向けの環境教育 NPO のサイトを、再生紙のような質感と植物 SVG、有機的な角の丸みで構成したサンプルです。
ミッション 3 軸プログラム活動の数字レポート
コミュニティ · 新聞 ・ 明朝 ・ 密度 ・ 罫線 2026-05-05
西伊豆通信 — ブロードシート新聞
地方の小さな新聞のオンライン版を、紙面のブロードシート構造そのままで作ったサンプルです。題字・リード・サイド・4 段組・編集後記・番組欄まで載せています。
題字 ・ 発行号リード記事 + サイドコラム地域ニュース 4 段組編集後記
コミュニティ · サクラ×クリーム・暖かみ・物語 2026-05-05
Hand to Hand — チャリティ寄付 LP
NPO・チャリティ団体の月額寄付獲得 LP。サクラとクリームの暖色でストーリーテリング型に組み、寄付の透明性も数字で示しました。
ストーリーテリング型 hero活動内容 3 つ寄付プラン 3 段階透明性の数値
このサンプルが気になったら
このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。