メインコンテンツへ
Onbit
← サンプル一覧 / スタジオ · ジン・コラージュ・手作り・オレンジ

HARFLINE Collective — ジン風コラージュ

8 人のクリエイター集団のサイトを、ジン(自主制作冊子)の表紙そのままの世界観で組んだサンプルです。テープや傾いた要素で手作り感を出しています。

HARFLINE Collective — ジン風コラージュ のスクリーンショット

クリエイター集団・ZINE 制作チーム・小さな出版レーベルみたいな、「手作りの匂いを残したい」人たちに向けて作ったサンプル HP です。

こんな方に向いています

  • ジンや自主制作物を出している小さなレーベル・コレクティブ
  • きれいに整いすぎた Web サイトに違和感がある作り手
  • 通販ページもあるけど雰囲気で売りたい人

構成

表紙のような HERO から始めて、マニフェスト、8 人のメンバー、最近のワークス、ジン通販、と続けます。各カードを少しずつ傾けたり、紙テープの SVG を載せたりして、コラージュっぽい不揃いさを残しました。

live preview

プレビュー

プレビューはモバイルでは別タブで開きます。

プレビューを別タブで開く ↗

/samples-preview/hp-zine-collective/

related

関連するサンプル

一覧へ →

スタジオ の他のサンプル、または 複数セクション HP の似た構成のサンプルです。

★ ピックアップ
NEMOSPHE — デザインスタジオのモノクロ のサムネイル
スタジオ · モノトーン・セリフ・大判写真・余白 2026-05-05

NEMOSPHE — デザインスタジオのモノクロ

独立系デザインスタジオの公式サイト。クリーム × ブラックのモノトーンと太いセリフ書体で、ポートフォリオ・スタジオ紹介・アプローチ・ジャーナルを 1 本に通した構成です。

Hero(キービジュアル + 円形 CTA)Selected works 4 件Studio(暗背景の紹介)4 ステップの Approach

このサンプルが気になったら

このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。