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