教室 · 鮮やかオレンジ・丸ゴシック・あたたかい 2026-05-05
アトリエ・キッズ — 子ども向けアートスクールの明るいオレンジ
こどもの「やってみたい」を主役に置いたアート教室の HP。鮮やかなオレンジ + 丸みのあるゴシックで、コース・講師・提携先までを 1 本に通した構成です。
Hero(子どもが描く写真 + 無料体験バッジ)4 つのアトリエの特長年齢別 4 コース講師 3 名(円形ポートレート)
samples
サンプル一覧
LP・HP に加え、予約機能つきサイトと CMS(更新できるサイト)のサンプルも並べました。種別と業種で絞り込めます。
type
種別で絞り込み
filter
業種で絞り込み
sort
並び順
★ pickup
特に気に入っているもの
190 件の中から、配色・余白・タイポグラフィのバランスがうまくいったと思うものを並べました。最初に雰囲気を掴みたいときはこちらから。
カフェ · ミニマル・ホワイト × ダーク・極細サンセリフ・巨大写真感 2026-05-05
Slate Coffee — サードウェーブのミニマル
ロースタリー併設のスペシャルティコーヒー店向け。極細サンセリフと巨大写真感で、産地ごとの豆を 1 種ずつ主役に置く構成です。
豆紹介 4 種メニューロースタリー紹介通販リンク
イベント · クリーム × オレンジ × ライトブルー・丸ゴシック・親子向け 2026-05-05
みらいのまちフェスティバル — 地域お祭りのポップ
地域のお祭りを想定した HP サンプル。クリーム × オレンジ × ライトブルーのポップなトーンで、見どころ・ステージスケジュール・アクセス・FAQ を一気通貫で見せる構成です。
Hero(青空 + バナー + 開催日)見どころ 5 つ(アイコン + 一行説明)ステージスケジュール + アクセスマップFAQ + 来場予約
講座 · クリーム × オリーブ・セリフ見出し・写真主役 2026-05-05
foglia — 料理教室のあたたかなセリフ書体
クリーム × オリーブを基調にした料理教室の HP サンプル。今月のスケジュール・人気のコース・受講生の声・ギャラリーを 1 ページに通した構成です。
ヒーロー(キービジュアル + 2 つの CTA)今月のレッスンスケジュール 4 件人気のコース 3 件受講生の声 3 件
スタジオ · モノトーン・セリフ・大判写真・余白 2026-05-05
NEMOSPHE — デザインスタジオのモノクロ
独立系デザインスタジオの公式サイト。クリーム × ブラックのモノトーンと太いセリフ書体で、ポートフォリオ・スタジオ紹介・アプローチ・ジャーナルを 1 本に通した構成です。
Hero(キービジュアル + 円形 CTA)Selected works 4 件Studio(暗背景の紹介)4 ステップの Approach
その他 · モダン・グリッド・サンセリフ・巨大数字 2026-05-05
KOBE GRID — 現代美術館
白基調・大胆なグリッドと巨大数字でモダンに見せる現代美術館サイト。文字組と余白で作品の存在感を出す構成にしました。
開催中の展示過去の展示3件建物紹介来館案内
reservation
予約サイト
日付・時間スロットを選んで申し込む形式のサイトです。サロン・教室・治療院・宿泊施設など、ネット予約を主導線にしたい業種に。
あきカウンセリングルーム
コンサル · 青みグレー・夕方の窓・静か 2026-05-07
あきカウンセリングルーム
公認心理師 3 名から担当を選んで、対面/オンラインを切り替えられる予約サンプル。秘匿性に配慮した控えめな配色構成です。
担当者選択対面/オンライン守秘配慮事前ヒアリング
美容医療 bihada
クリニック · ローズゴールド・象牙・清潔 2026-05-07
美容医療 bihada
施術メニュー → 担当医師 → 日時 → 同意確認、というステップ構成の美容クリニック向けサンプル。問診票への接続も組み込んだ形です。
メニュー選択医師指名問診票連携確認メール
レンタルスタジオ fukami
スタジオ · ホワイトキューブ・モノトーン・余白 2026-05-07
レンタルスタジオ fukami
撮影スタジオの 1 日/半日/時間貸し予約。月ビュー + 同日複数枠表示のサンプルで、シンプルなモノトーンの構成です。
月ビュー時間/半日/1日機材リスト領収書発行
着物レンタル はるか
ショップ · 朱色・古代藍・絹 2026-05-07
着物レンタル はるか
プラン選択(着物のみ/着付け込み/撮影込み)から日時・人数を決める、観光地向け着物レンタルのサンプルです。
プラン選択人数指定撮影オプションヘアセット追加
パーソナルジム iso
スタジオ · 黒・濃灰・ストイック 2026-05-07
パーソナルジム iso
トレーナーを選び、60 / 90 分のメニューと曜日を決めるパーソナルジム向けサンプル。ストイックな黒基調のテーマです。
トレーナー指名目的別表示食事連携進捗グラフ
ペットサロン poppo
サロン · クリーム・ベージュ・ぬくもり 2026-05-07
ペットサロン poppo
ワンちゃんの種類・体重を入力 → メニュー選択 → 日時の流れで予約まで進める、トリミングサロン向けのサンプルです。
犬種・体重入力コース選択送迎オプションアレルギー記入
ソラハ ヨガスタジオ
スタジオ · 明け方の空・薄紫・呼吸 2026-05-07
ソラハ ヨガスタジオ
週ビューで開催クラスを表示。受けたいクラスのコマを押してそのまま予約に進む、ヨガ・ピラティス向けのサンプルです。
週ビュークラス予約残席表示キャンセル待ち
cms
更新できる CMS サイト
お知らせ・記事・施工事例などを継続的に更新していくサイトです。学校・自治体・工務店・士業・出版社など、情報を蓄積していきたい業種に。
apparel fuchi
ショップ · 生成り・縁(ふち)・コットン 2026-05-07
apparel fuchi
新作入荷・スタイリング・スタッフ日誌の 3 種を更新していくセレクトショップ向け CMS サンプル。生成りの自然なトーンの構成です。
商品連携スタイリング在庫表示通販連携
ギャラリー hako
その他 · コンクリート・余白・ホワイトキューブ 2026-05-07
ギャラリー hako
展示告知・アーカイブ・アーティスト募集を時系列で更新していく現代美術ギャラリー向け CMS サンプル。リスト主体の構成です。
展示 DBアーカイブ公募ページOG 画像
弁護士事務所 koharu
法律 · 深緑・真鍮・本棚 2026-05-07
弁護士事務所 koharu
取扱分野 / 解決事例 / コラム / お知らせ をタブ切替する法律事務所向け CMS サンプル。落ち着いたトラディショナルな配色です。
カテゴリタブ事例 DBセミナー告知予約フォーム連携
写真スタジオ noir
スタジオ · 深い黒・銀塩・粒子 2026-05-07
写真スタジオ noir
撮影実績を作品集として並べる写真スタジオ向け CMS サンプル。Series 単位で記事をまとめる構成のマガジン型です。
シリーズ別 CMS縦長カバー予約導線高解像対応
Tech Blog orca
IT・テック · 白・コード色・モノスペース 2026-05-07
Tech Blog orca
技術記事を継続的に積み上げていくスタートアップ向けの開発ブログ CMS サンプル。タグフィルタとシリーズ表示を備えた構成です。
タグフィルタシリーズRSS / Atomコードハイライト
設計事務所 shio
建築 · 白・黒・余白 2026-05-07
設計事務所 shio
プロジェクト一覧 + journal 形式の更新を持つ、ミニマルな建築設計事務所向け CMS サンプル。モノトーン基調の構成です。
プロジェクト DBジャーナル英日切替想定印刷向け CSS
ポッドキャスト 夜中
その他 · 夜の青・ヘッドホン・微音 2026-05-07
ポッドキャスト 夜中
エピソード一覧 + 番組ノートをストックする、ポッドキャスト向け CMS サンプル。ダークテーマでの再生 UI を意識した構成です。
エピソード一覧再生 UI文字起こしRSS
landing page
1 ページ完結 LP
広告流入や SNS シェアから来た方を、特定のアクション(申込・予約・購入)に繋げる縦長 1 ページ構成です。
フリーランス · 土・木目・落ち着いた茶系 2026-05-06
木と土の工房 安部 — 個展告知
木工作家の個展告知 LP。会期・会場・展示作品・来場予約を 1 枚にまとめた、シンプルで木の質感を感じさせる構成。
会期表示展示作品の概要会場情報来場予約 CTA
スタジオ · セージグリーン・クリーム・落ち着きのある朝の光 2026-05-06
藤本ヨガ オンライン — セージ × クリーム
オンライン体験レッスンの予約獲得に振り切った 1 ページ。法人健康講座も持つ独立系ヨガ講師さん向け。
オンライン体験予約受講者の声当日の流れ料金
フリーランス · 土色・象牙・粉引・刷毛目の質感 2026-05-06
八幡浜窯 個展 — 土色 × 象牙
陶芸家の個展告知に振り切った LP。会期・出品作品・作家コメント・来場予約までを 1 ページに。
個展概要出品作品作家コメント来場予約フォーム
サロン · 和・桜色・墨色・気品 2026-05-06
金毘羅きものスタジオ — 桜色 × 墨
出張着付け師さん向けのプラン申込 LP。桜色 × 墨の和の配色で、伝統的な雰囲気を残しつつ予約しやすい構成にしました。
着付けプランお客様の声出張エリア予約 CTA
フリーランス · オフホワイト・朱 × ブラック・モダン 2026-05-06
ikegami graphic — モダン × アクセント朱
独立グラフィックデザイナー向けの新規問い合わせ LP。料金表と問い合わせフォームを 1 画面で完結させる構成。
できること 4 種料金表頼んだ方の声問い合わせフォーム
教室 · ダーク・ライムグリーン・コード風 2026-05-06
コードキッズしまんと — ライム × ダーク
子ども向けプログラミング教室の無料体験 LP。ライム × ダークの配色とコード風タイポで、それらしい雰囲気を出しました。
教室の特徴保護者の声在籍データ無料体験申込
法律 · 信頼感・落ち着き・士業らしさ・ネイビー基調 2026-05-06
川田税理士事務所 — ネイビー × 象牙
フリーランス・小規模法人向け税理士事務所の初回相談導線 LP。ネイビー × 象牙 × ゴールドの落ち着いた配色で信頼感を作りました。
悩みパート事務所の特徴税理士プロフィール初回相談予約
講座 · 明るい・信頼・コーラル×アイボリー 2026-05-06
子ども英会話 LP — コーラルとアイボリー
3 歳〜小 6 を対象にした英会話教室の、無料体験申込 LP。コーラル基調の親しみやすい配色で、保護者に向けて設計。
体験オファー信頼バッジ体験内容チェックリスト保護者の声
スタジオ · 暖色・朝の光・落ち着いた茶系 2026-05-06
YOGA HALE 香織 — 朝の光のような暖色
個人主宰のヨガスタジオ向け LP。スタジオ + オンライン併用前提で、体験申込までを 1 画面で完結させる構成。
体験申込フォーム受講者の声3 つのポイント体験までの流れ
講座 · ナチュラル・素朴・テラコッタ×アイボリー 2026-05-06
古民家料理教室 LP — テラコッタとアイボリー
月数回だけ開く、古民家での自然食料理教室向け LP。世界観と当日の流れをじっくり伝える単発レッスン申込型。
世界観のあるヒーロー今月のレッスン詳細当日の流れ(タイムライン)料金に含まれるもの
フリーランス · 朝陽 ・ 肌色トーン ・ 暖かい茶系 2026-05-06
sato photo studio — 朝陽のような暖色
出張カメラマンの予約 LP。プラン 3 種・作例ギャラリー・予約カレンダーを 1 画面に収めた、決め打ち型の構成。
プラン 3 種(料金カード)作例ギャラリー月間予約カレンダー予約 CTA
講座 · 落ち着き・誠実・深緑×真鍮 2026-05-06
ピアノ教室 LP — 深緑と真鍮
自宅 1 室で開いているピアノ教室向けの体験申込 LP。鍵盤モチーフと落ち着いた配色で、習い事として相応しいトーンに。
無料体験オファー鍵盤 SVG ヒーロー体験で見てほしい 3 点講師ひとこと
スタジオ · サーモンピンク・ホワイト・やわらかい朝の光 2026-05-06
Teraoka Pilates — サーモンピンク × ホワイト
マンツーマンのピラティス体験予約に振り切った LP。3 つの選ばれる理由・受講者の声・料金・予約フォームまで。
特徴 3 点受講者の声体験料金予約フォーム
講座 · 和墨・朱・余白・古民家の畳 2026-05-06
美馬の茶事 — 和墨 × 朱
古民家でひらく一日茶会の申込ページ。明朝体・縦書き・墨と朱でまとめた、和の静けさを軸にした LP。
茶会の概要今後の日程当日の流れ申込フォーム
コンサル · 静謐・自然色・カウンセラーらしい安心感 2026-05-06
こころの森カウンセリング — セージ × クリーム
心理カウンセリングの初回相談 LP。セージグリーンとクリームを基調に、押し売り感のない静かな雰囲気でまとめました。
コンセプト対象の方来談者の声料金
講座 · 和・伝統・墨×朱 2026-05-06
書道教室 LP — 墨と朱
開塾 18 年の書道教室向け LP。墨色 × 朱の和の配色と、落款風モチーフで、伝統的な習い事のトーンを表現。
落款モチーフ大書 SVG三本柱の特徴月謝表
フリーランス · パステル・やわらかい・手描き感 2026-05-06
マイ・ドゥードル — パステル
子育て関連書籍・絵本のイラストを中心に活動するフリーランス向け。やわらかいパステル配色で人柄を伝える受注用 LP です。
作品ギャラリーお客さまの声料金目安問い合わせ導線
イベント · グレー基調・余白・明朝 2026-05-05
個展案内 — 余白のある明朝
画家やアーティストの個展を告知する LP。グレーの大判プレースホルダと明朝で、作品が来たときに差し替えやすい構造にしました。
会期と会場の即時把握作品ピックアップ 6 点アーティスト声明来場案内
イベント · ブラウン×イエロー・紙ものテクスチャ 2026-05-05
BBQ フェス — ブラウン × イエロー
屋外フェスやマルシェ、フードイベントの告知 LP。茶と山吹色をぶつけて、紙ものに刷ったような屋外感を出しました。
日時会場の即時把握出店リスト 8 店3 日間タイムテーブルチケット 3 種
建築 · ブループリント・製図・モノスペース・グリッド 2026-05-05
建築設計事務所 — 青焼き図面風
青地に白線の図面そのものを LP にしたデザイン。座標・寸法・タイトルブロックなど、製図の作法を画面に持ち込んでいます。
タイトルブロック間取り SVG 4 棟工程図問い合わせ
IT・テック · ブループリント・CAD・線画・モノスペース 2026-05-05
STACK MAP — 設計図 / ブループリント
技術ドキュメント / アーキテクチャ図サービスの LP。CAD の図面を真似て、グリッド線・寸法表記・タイトルブロックで構成しました。
タイトルブロック(図面 ID)SVG のアーキテクチャ図グリッド線と寸法線スペック表とレイヤー定義
IT・テック · ブルータリズム・無機質・フラット・蛍光黄 2026-05-05
タイプデザインスタジオ — ブルータリズム
装飾を意図的に削いだブルータリズム LP。太い罫線、フラットな色面、左揃えだけで構成。グラフィック系の制作スタジオに合います。
太い罫線レイアウト蛍光イエローの差し色サービス 3 種書体サンプル
コミュニティ · サクラ×クリーム・暖かみ・物語 2026-05-05
Hand to Hand — チャリティ寄付 LP
NPO・チャリティ団体の月額寄付獲得 LP。サクラとクリームの暖色でストーリーテリング型に組み、寄付の透明性も数字で示しました。
ストーリーテリング型 hero活動内容 3 つ寄付プラン 3 段階透明性の数値
イベント · ダーク・ネオン・モノスペース 2026-05-05
テックカンファレンス — ダーク × ネオン
エンジニア向けカンファレンス・勉強会・ハッカソンの告知 LP。ダーク背景にシアン × マゼンタ、モノスペース体で「コードの匂い」が出るトーンです。
カウントダウン登壇者一覧2 日間タイムテーブルチケット 3 種
ショップ · メタリック・深紅×ゴールド・ラグジュアリー 2026-05-05
Ruby Velvet — 新作リップ発売 LP
コスメの新色発表 LP。深紅とゴールドのメタリックな色味で、CSS のグラデーションだけで質感のある製品ビジュアルを表現しました。
3D 風プロダクトビジュアル全 6 色のスウォッチ質感の解説購入リンク
フリーランス · ダーク・極シンプル・モノクロ・テキスト主体 2026-05-05
ポートフォリオ作成サービス — 黒背景ミニマル
黒背景に白文字、装飾ゼロ、シングルカラム、CTA は 1 つだけ。極端に削ぎ落としたミニマル LP。
1 カラム構成装飾なしセクション 4 つだけCTA 1 個
クリニック · 白×ティール・データ・清潔 2026-05-05
歯科 インプラント特設 — 白×ティール
歯科の自由診療(インプラント・矯正・審美)向け特設 LP。データの数字と料金を逃げずに見せる、信頼重視のレイアウトです。
治療法の比較表5 ステップの流れ症例数と生存率の数値料金目安と無料相談
ショップ · 淡パステル・水彩・春 2026-05-05
花屋 季節限定 — 淡パステル
花屋・フラワーサブスク・贈答品のシーズン限定 LP。淡いピンクと水彩のような背景で、商品写真に頼らず季節感を出す作りにしました。
季節限定ブーケ 4 種注文の 3 ステップ配送エリア表注文 CTA
アプリ · グラス・パステル・虹色グラデ・浮遊 2026-05-05
Aurora — グラスモーフィズム / 浮遊
瞑想・睡眠系アプリの DL 訴求 LP。背景に虹色のブロブを浮かせて、半透明のガラスカードで全レイアウトを構成しました。
浮遊する円形ブロブ背景backdrop-filter のガラスカード3 枚並ぶ立体スマホDL ボタン 2 種
スタジオ · モノクロ・ネイビー・シリアス 2026-05-05
会員制ジム — モノクロ × ネイビー
会員制ジムや本気度高めのフィットネスクラブの月額入会 LP。モノトーン基調と詰めた書体で、ストイックな印象を作りました。
会員特典 4 つトレーナー紹介 3 人月額プラン 3 種入会申込導線
講座 · 手描き・ノート・オレンジペン・落書き 2026-05-05
ノートクラブ — 手描きノート / 落書き
ノート術ワークショップ告知の LP。罫線入りの紙、手描きの矢印・チェック・吹き出しを SVG で作って、人の手で書いた感じを出しています。
ノート罫線の背景SVG 手描きアイコンふせん風カード手書き吹き出し
ショップ · 白×金・極細セリフ・余白 2026-05-05
ジュエリー — 白×金・ミニマル
ジュエリー・時計・革小物などラグジュアリー系プロダクトのブランド LP。たっぷりの余白と細いセリフで、商品の存在感を引き立てる作りです。
コレクション 4 シリーズブランド哲学店舗情報オンライン購入
ショップ · 賑やか・原色・点滅・装飾過剰 2026-05-05
SALE!! TOKYO — 賑やか / マーキー
短期セール告知の LP。マーキースクロール 3 本、点滅 CTA、原色 + 段付き影、装飾過剰の方向で振り切りました。
上下に流れるマーキー 3 本点滅する CTA とトップバー巨大プライスカード 4 枚残り時間カウンタ
ショップ · グリーン×オレンジ・ヘルシー・親しみ 2026-05-05
Greenbox — 宅配食サブスク LP
ヘルシー宅配食のサブスク注文 LP。グリーンとオレンジで栄養バランスの良さを表現し、CSS で料理の盛り付けを再現したアイコンを並べました。
料理 6 種のメニュー配送エリアマッププラン 2 種栄養成分タグ
アプリ · ファンタジー・紫青グラデ・派手 2026-05-05
モバイルゲーム — ファンタジー紫青
RPG・ソーシャルゲームのリリース告知 LP。紫から青のグラデと金色のロゴで、ゲーム LP らしい派手さを演出しました。
世界観の紹介キャラクター 4 体機能 3 つApp Store / Google Play 導線
その他 · 赤×黒・グランジ・大胆タイポ 2026-05-05
Aurora Tape — 赤×黒のアルバム告知
新譜アルバムのリリース告知 LP。赤と黒で組んだグランジ調のタイポグラフィで、ストリーミング各社への導線を 1 ページにまとめた構成です。
アルバムアートトラックリスト 10 曲アーティスト紹介配信先リンク
講座 · 新聞紙風・モノトーン・太い明朝 2026-05-05
The Margin — 新聞紙風ニュースレター
有料ニュースレターの購読 LP。新聞紙風のマストヘッドと太い明朝で、文字主体の信頼感のあるトーンにまとめました。
新聞紙風マストヘッド扱う話題 4 つ著者プロフィール月額購読
IT・テック · 新聞・白黒・明朝・密度高い 2026-05-05
WORK ADS — 新聞三行広告
新聞の求人広告ページをそのまま Web に持ち込んだ LP。題字 → 大見出し → 4 段組の社説 → 求人広告グリッド、と紙面の流れで構成しました。
新聞題字(マスト)4 段組の編集後記求人広告グリッド罫線と二重罫の徹底
講座 · 紫グラデ・サンセットゴールド・Z世代向け 2026-05-05
Skill Curve — 紫グラデの動画教材
オンライン講座・動画教材のランディングページ。紫×ゴールドの派手めなトーンで、若い受講生に向けて「楽しさ」を全面に出した構成です。
講師紹介カリキュラム 6 章受講生の声料金プラン
ショップ · アースカラー・オーガニック・親しみ 2026-05-05
ペットフード — オーガニック・アースカラー
オーガニックペットフードや健康食品の通販 LP。自然素材を意識したアースカラーで、原材料の透明性を強く出した構成にしました。
原材料の透明性商品ライン 4 種定期便の特典注文 CTA
アプリ · 8bit・ドット・黒緑黄・段付き影 2026-05-05
PIXEL QUEST 8 — ピクセル / 8bit
ファミコン世代向けインディー RPG の告知 LP。ドット絵・段付きの影・スキャンライン・HP/MP バーで全部ピクセル風にまとめました。
8bit ロゴと点滅 STARTHP / MP / LV の HUDドット絵キャラ紹介ショップ風の購入カード
コミュニティ · テラコッタ×紺・夜・落ち着き 2026-05-05
夜更けのキッチン — ポッドキャスト LP
ポッドキャスト番組のリスナー獲得用 LP。テラコッタと紺の落ち着いた配色に、CSS で組んだ波形アニメーションを添えました。
波形アニメーション番組コンセプトエピソード一覧配信先リンク
イベント · セピア・明朝・古文書感・手書き 2026-05-05
文学イベント告知 — ヴィンテージ絵葉書
古いポストカードを画面の中央に置いた構成。切手・消印・宛名・本文の手紙仕立てで、文学・読書会・小さなイベントの告知に。
回転した絵葉書切手 SVG消印スタンププログラム表
ショップ · ブラウン・素材感・クラフト 2026-05-05
Ironwood Mug — クラファン製品 LP
クラウドファンディング向けプロダクト LP。ブラウン系の素材感と、開発ストーリーをじっくり並べたクラフト系のトーンです。
プロダクト 3D 風ビジュアル開発ストーリーリターン 3 階層達成率の進捗バー
ショップ · 深夜・モノスペース・感熱紙・ぎざぎざ 2026-05-05
深夜のオンラインショップ — レシート風
感熱紙のレシートをそのまま LP にしたデザイン。細長いカラム、点線、合計行、バーコード。コンセプトショップに合います。
レシート断ち切り深夜限定割引バーコード SVG営業時間ステータス
IT・テック · ビビッドオレンジ・フラット・躍動感 2026-05-05
Join Pelican — スタートアップ採用 LP
スタートアップの中途採用 LP。ビビッドなオレンジと黒で躍動感を出して、エンジニア・PM・セールスをまとめて募集する設計です。
数字で見る会社メンバーボイス 3 件募集ポジション一覧カジュアル面談 CTA
教室 · ターコイズ × サンド・コースタル 2026-05-05
サーフスクール — ターコイズ × サンド
サーフィン・SUP・マリンスポーツ系スクールの体験申込 LP。波の CSS グラデと砂色の組み合わせで、夏の海辺の空気を出しました。
コース 3 種(初心者/中級/プライベート)インストラクター紹介今週のスケジュール体験申込導線
サロン · 神秘・ダーク・紫×金・明朝 2026-05-05
タロット・占星術鑑定 — 紫と金の神秘
深い紫と金の罫線、月や惑星のシンボルで仕立てた神秘的な鑑定 LP。占い師・スピリチュアル系のサービスに合います。
満月 SVG鑑定メニュー 3 種タロット 3 枚展開予約フォーム
イベント · スイススタイル・グリッド・赤黒・サンセリフ 2026-05-05
GRID 26 — タイポグラフィ / スイススタイル
タイポグラフィ展示会の告知 LP。装飾を一切やめて、12 グリッド・巨大数字・赤と黒の 2 色だけで構成しました。
12 カラムグリッド準拠320px の巨大数字罫線と数字番号だけの構成赤 1 点だけのアクセント
コンサル · ティール×グレー・フォーマル・信頼 2026-05-05
BtoB Sales Lab — ウェビナー集客 LP
BtoB 向けウェビナーの参加者集客 LP。ティールとグレーのフォーマルな配色で、日時・特典・申込フォームを 1 ページにまとめました。
大きな日時表示学べること 5 つ講師プロフィール参加特典 4 つ
ショップ · Y2K・蛍光・メタリック・ポップ 2026-05-05
Y2K 雑貨ストア — メタリック × 蛍光
2000 年代初頭のキラキラ感を極端に振ったショップ LP。メタリックグラデ、回転アニメ、ワードアート風タイポで派手に。
流れるトップバーワードアートヒーローホログラム商品カード蛍光セールカード
講座 · 誌面・コラージュ・紙質感・段組 2026-05-05
フリーマガジン告知 — 誌面風レイアウト
雑誌やフリーペーパーをそのまま LP にしたような誌面構成。段組と罫線、太い見出しで、読み物としての佇まいを優先したいときに。
マストヘッド段組記事目次ページ配布先一覧
アプリ · モダン・透明感・浮遊感・青 2026-05-03
アプリ DL — ガラスモーフィズム
iOS / Android アプリのダウンロードに繋げる LP。青系グラデーションと透明感あるガラス調でモダンに仕上げました。
スクリーンショット機能 3 点の訴求レビューApp Store / Google Play ボタン
講座 · 上品・紙の質感・ベージュ × 焦茶 2026-05-03
『45 歳から始める投資の教科書』 — 書籍 LP
新刊書籍の発売告知 LP。本の表紙を主役にして、目次・著者紹介・読者の声・購入リンクを縦に積んだ構成です。
本の表紙目次紹介著者プロフィール購入(Amazon / 書店)
スタジオ · エレガント・上品・シャンパンピンク 2026-05-03
ブライダル — エレガント・シャンパン
結婚式場・ウェディングフォト・ブライダルサロンさん向け。シャンパンピンクとクリームの配色に、スクリプトと細セリフでエレガントにまとめました。
挙式スタイルプラン料金目安ギャラリー見学予約
コンサル · ダーク・落ち着き・信頼・高級感 2026-05-03
ライフコーチング — プレミアム
高単価サービスの申込みに繋げる、ダークトーン × ゴールドで高級感を出した縦スクロール 1 ページ LP です。
コーチ紹介悩みの言語化プログラム内容申込フォーム
ショップ · クラフト・木目・手書き・職人感 2026-05-03
クラフトビール — 木目・手書き
クラフトビール醸造所・地酒蔵さんの通販誘導 LP。木目とチョークボード風の質感、手書き調フォントで「作り手の顔」が見える構成です。
商品ラインナップ醸造ストーリーテイスティングノート通販リンク
教室 · 信頼・親しみ・濃紺 × 山吹 2026-05-03
個別指導塾 — 信頼・親しみ
個別指導塾・家庭教師さん向けの体験申込み LP。濃紺と山吹色で「真面目だけど親しみやすい」トーンにしました。
指導方針学年別コース合格実績無料体験申込
イベント · 賑やか・ビビッド・レトロポスター 2026-05-03
イベント告知 — レトロポスター
音楽イベント・マルシェ・展示など、視覚で一気に伝えたい時のための、賑やかなレトロポスター調 LP です。
日時・会場出演者・出店者タイムテーブルチケット購入リンク
スタジオ · スポーティ・ボールド・黒 × ライム 2026-05-03
フィットネスジム — ボールド・スポーティ
パーソナルジム・キックボクシングなど、体験予約に直結させたいトレーニング系の LP。黒 × ライムに、太い英字フォントを合わせました。
体験予約プログラム紹介トレーナー紹介Before / After
レストラン · 鮮やか・メキシカン・黄色 × 赤 2026-05-03
TACO TOKUSHIMA — 移動タコス屋
キッチンカー (タコス専門) の単独 LP。鮮やかな黄色のメキシカン配色で、メニュー・出店スケジュール・予約を 1 ページにまとめました。
メニュー写真今週の出店スケジュールケータリングInstagram 連携
コンサル · ダーク × ゴールド・高単価・重厚 2026-05-03
THE EDGE — 経営者向け会員制プログラム
高単価 (年会費 100 万円超) の経営者向け会員制プログラムの応募受付 LP。ダーク × ゴールドで重厚感を出しています。
プログラム概要メンバーの実績年間スケジュール応募(審査制)
スタジオ · パステル・優しい・家族向け 2026-05-03
はじまりのスタジオ — 七五三 / お宮参り
子ども専門のフォトスタジオさんの予約 LP。淡いピンクとベージュで優しい雰囲気、家族向けの安心感が伝わる構成です。
撮影プラン衣装ギャラリー撮影サンプル予約カレンダー
ショップ · クリーン・モダン・ネイビー × ベージュ 2026-05-03
不動産物件 — クリーン・モダン
新築物件・分譲住宅 1 棟ぶんの紹介 LP。白 × ネイビー × サンドベージュで上質感を出して、図面・設備・問い合わせを 1 ページに収めました。
物件概要間取り図設備・仕様周辺環境
IT・テック · 明るい青・モダン SaaS・グラデ 2026-05-03
Lumelo Tasks — モダン SaaS LP
チーム向けタスク管理 SaaS の、無料トライアル誘導 LP。明るい青を基調にして、機能 → 料金 → サインアップを 1 ページに並べました。
主要機能料金プラン導入事例無料トライアル CTA
コミュニティ · ポップ・賑やか・Z世代・Y2K 2026-05-03
オンラインサロン — Y2K ポップ
オンラインコミュニティ・推し活サロンなど、Z 世代向けの賑やかでポップな LP。ピンクとパープルのグラデーションでまとめました。
メンバー紹介アクティビティプラン選択Stripe / Notion 連携想定
スタジオ · 静謐・余白・禅・オフホワイト 2026-05-03
ヨガスタジオ — 余白と禅
瞑想・ヨガ・整体など、静かさで信頼を作るタイプの LP。たっぷりの余白と、細い縦書き寄りのタイポグラフィでまとめました。
コンセプトクラス紹介スケジュール表体験予約
website
複数セクション HP
会社・店舗・事務所の顔となる、複数のセクション(About / Service / News など)を持つ Web サイトです。
フリーランス · 土・木目・蔵・落ち着いた茶系 2026-05-06
木と土の工房 安部 — 木目の質感
木工作家の HP。作品集・受注の流れ・工房紹介・次回個展告知までをひとつにまとめた、作家サイトの標準形。
作品集 6 点受注の流れ 5 ステップ工房紹介個展告知
スタジオ · セージグリーン・クリーム・落ち着きのある朝の光 2026-05-06
藤本ヨガ オンライン — セージ × クリーム
オンライン個人レッスンと法人向け健康講座を両立させる構成。プロフィールと経歴も載せて信頼を作るタイプ。
個人プログラム 4 種法人向け講座の案内プロフィール + 経歴FAQ
フリーランス · 土色・象牙・粉引・素朴 2026-05-06
八幡浜窯 林田健介 — 土色 × 象牙
陶芸家の窯元 HP。作品ギャラリー・プロフィール・取扱店リスト・年 4 回の個展告知・通販導線まで。
作品ギャラリー作家プロフィール取扱店 6 軒個展年間スケジュール
サロン · 和・桜色・墨色・気品 2026-05-06
金毘羅きものスタジオ — 桜色 × 墨
出張着付け師の HP。桜色 × 墨の和の配色で、プラン・着姿ギャラリー・出張エリア・予約までをまとめました。
着付けプラン着姿ギャラリー着付師紹介出張エリア
フリーランス · オフホワイト・朱 × ブラック・モダン 2026-05-06
ikegami graphic — モダン × アクセント朱
独立グラフィックデザイナーのポートフォリオ HP。仕事一覧・受注フロー・プロフィール・問い合わせまで標準的な構成。
ポートフォリオ 6 点受注フロー 5 ステッププロフィール + 経歴問い合わせフォーム
教室 · ダーク・ライム・コード風・テック 2026-05-06
コードキッズしまんと — ライム × ダーク
子ども向けプログラミング教室の HP。ダーク × ライムのテック寄り配色で、コース・教室の様子・講師紹介を 1 ページに。
コース紹介教室の様子講師紹介FAQ
法律 · 信頼感・落ち着き・士業らしさ 2026-05-06
川田税理士事務所 — ネイビー × 象牙
個人開業税理士事務所のコーポレート HP。ネイビー × 象牙 × ゴールドの士業らしい配色で、サービス・料金・税理士紹介を 1 ページに。
サービス紹介料金表税理士プロフィール相談の流れ
講座 · 明るい・信頼・コーラル×アイボリー 2026-05-06
子ども英会話 HP — コーラルとアイボリー
年齢別 4 クラスの英会話教室向け HP。料金表とお知らせブログまで揃えた、運営年数のある教室向け構成。
年齢別クラス紹介講師プロフィール料金表お知らせブログ
スタジオ · 暖色・朝の光・落ち着いた茶系 2026-05-06
YOGA HALE 香織 — 朝の光のような暖色
個人主宰のヨガスタジオ HP。クラス案内・週間スケジュール・インストラクター・料金・体験までをひと通り収めた標準的な構成。
クラス案内 4 種週間スケジュール表インストラクター紹介料金プラン
講座 · ナチュラル・素朴・テラコッタ×アイボリー 2026-05-06
古民家料理教室 HP — テラコッタとアイボリー
古民家での自然食料理教室向け HP。教室の世界観・月のメニュー 3 ヶ月分・予約カレンダーまで揃えた構成。
教室の世界観月のメニュー 3 ヶ月分講師紹介予約カレンダー(空き状況表示)
フリーランス · 朝陽 ・ 肌色トーン ・ 暖かい茶系 2026-05-06
sato photo studio — 朝陽のような暖色
出張カメラマンの HP。撮影メニュー・作品集・流れ・予約フォームまでをカバーする標準的な構成。
撮影メニュー 4 種作品集 8 点当日までの流れ頼んだ方の声
講座 · 落ち着き・誠実・深緑×真鍮 2026-05-06
ピアノ教室 HP — 深緑と真鍮
個人主宰のピアノ教室向け HP。教室紹介・講師・コース・発表会・体験申込までを 1 枚で見せる構成。
教室紹介講師プロフィール年齢別コース発表会の記録
スタジオ · サーモンピンク・ホワイト・やわらかい朝の光 2026-05-06
Teraoka Pilates — サーモンピンク × ホワイト
マンツーマンのピラティススタジオ HP。プログラム 3 種・インストラクター・料金表・週次スケジュール・体験予約までを 1 枚に。
プログラム 3 種インストラクター紹介料金表週次スケジュール
講座 · 和墨・朱・畳・余白 2026-05-06
庵 - an - 茶道教室 — 和墨 × 朱
古民家を借りて開いた小さな茶道教室の HP。月謝コース・1 日体験・お稽古の様子・主宰プロフィールまで。
教室紹介月謝コース 2 種一日体験ギャラリー
コンサル · 静謐・自然色・カウンセラーらしい安心感 2026-05-06
こころの森カウンセリング — セージ × クリーム
心理カウンセリングルームの HP。セージグリーン × クリーム基調で、相談内容・プロフィール・コラム・予約をまとめました。
相談カテゴリプロフィールコラム料金
講座 · 和・伝統・墨×朱 2026-05-06
書道教室 HP — 墨と朱
開塾 18 年の書道教室向け HP。段位作品のギャラリー・講師の経歴・月謝・入会の流れまで揃えた本格構成。
段位作品ギャラリー講師経歴月謝表入会の流れ 4 ステップ
フリーランス · パステル・やわらかい・絵本のような 2026-05-06
吉本麻衣のイラスト — パステル
個人のイラストレーター向けポートフォリオ HP。作品ギャラリー・実績・料金・プロフィールを 1 ページにまとめた構成です。
作品ギャラリー制作実績料金目安プロフィール
IT・テック · ボールド・グラデ・大胆・ピンク × 紫 2026-05-05
TILT Creative — ボールドな広告代理店
尖った広告代理店・クリエイティブブティック向け。ピンクと紫のグラデと巨大文字で、攻めの姿勢を視覚化したサンプルです。
大文字キャッチケーススタディ 4 件サービスメニューメンバー
IT・テック · Bento ・ カラフル ・ モダン ・ ダーク 2026-05-05
Stack Studio — Bento グリッド
SaaS の機能紹介サイトを、Apple 風の bento(弁当)グリッドで構成したサンプルです。各カードを違うサイズ・色・グラデで配置して、1 画面で世界観を伝えます。
Bento HERO数字カード機能 3 枚コードブロック
レストラン · 上品・深緑 × 真鍮・明朝・余韻 2026-05-05
PASSAGE — モダンビストロ・深緑と真鍮
モダンフレンチ・ビストロ向け。深緑と真鍮色の上品なトーンで、コースとワインを軸に世界観を作るサンプルです。
コース 3 種ワインリスト抜粋シェフ紹介予約
カフェ · ポップ・ライム×紫・ゲーム盤 2026-05-05
ROLL & DRAW — ボードゲームカフェ
渋谷の路地裏のボードゲームカフェ、っていうイメージで作ったサンプル HP。盤面と駒、サイコロを SVG で描いて、ポップに振り切ってます。
ヒーロー(盤面 SVG)ゲームライブラリ料金プランイベントカレンダー
ショップ · 文学 ・ 極細セリフ ・ 縦書き ・ 装幀 2026-05-05
詩集舎 月並 — 文学・縦書き
京都の詩集専門書店をイメージしたサンプルです。HERO に縦書きの詩を置いて、装幀風のカードと黒一面の引用セクションで「本そのもの」の重さを出しました。
縦書き HERO本棚 ・ 装幀カード引用セクション催し
教室 · パステル・優しい・手書き風・丸みのある書体 2026-05-05
ひだまり保育園 — パステル手書き
小規模な保育園・こども園向け。パステル配色と丸みのある書体で、子どもらしい雰囲気をやわらかく伝えるサンプルです。
保育目標1 日の流れタイムライン先生紹介入園案内 4 ステップ
ショップ · 清潔・ライトブルー × 白・爽やか・丸みのあるサンセリフ 2026-05-05
Whisk Clean — 清潔ライトブルー
ハウスクリーニング業者向け。ライトブルーと白で清潔感を出して、料金を最初に分かりやすく見せるサンプルです。
メニュー 3 種予約から作業までの流れスタッフ紹介予約 CTA
事務所 · テラコッタ・植物・暖色 2026-05-05
BLUR Workspace — テラコッタのコワーキング
京都の町家を改装したコワーキングスペース、っていうイメージで作ったサンプル HP。テラコッタと植物で、オフィスというよりカフェ寄りの空気感に。
ヒーロー(植物 + 暖色グラデ)スペース紹介(不揃いグリッド)料金プラン利用者の声
教室 · ブルー・ホワイト・信頼・誠実 2026-05-05
CodeRise — プログラミングスクールのブルー
未経験者向けプログラミングスクールの公式サイト。ブルーを基調に、コース・KPI・受講生の声・導入企業を 1 ページで通した王道の構成です。
Hero(ラップトップモック + 信頼バッジ)COURSES(4 つのコース)WHY(青背景の KPI 4 指標)VOICES(受講生 3 名の声)
建築 · ブラック×イエロー・産業・重厚 2026-05-05
鋼田組 — 地域建設会社
土木・建築・プラントを扱う総合建設会社のサイト。黒×イエローの工事現場カラーで重厚感を出し、実績と採用に動線を作りました。
事業3本柱施工実績6件採用情報会社概要
IT・テック · バウハウス・原色三色・幾何学・グリッド 2026-05-05
KREIS Inc. — バウハウス原色
デザインシステム会社のサイトを、バウハウスの三原色と図形(円・三角・四角)で組んだサンプルです。Helvetica 風の太いサンセリフと厳密なグリッドで構成しています。
サービスプロセスケースファクト
法律 · フォーマル・ダークネイビー × 金・明朝 2026-05-05
松本パートナーズ法律事務所 — フォーマルネイビー
中堅以上の企業法務系法律事務所向け。ダークネイビーと金の明朝で、信頼感とスケール感を両立させたサンプルです。
取扱業務 4 領域弁護士紹介 6 名主な実績年表相談予約
IT・テック · サイバーパンク・CRT・グリッチ・マゼンタ・モノスペース 2026-05-05
NULL.CITY — サイバーパンク密度
VTuber エージェンシーのサイトを、ターミナル UI と CRT スキャンラインで構成。ASCII アートでサイバーパンクの空気を出しました。
タレント一覧週間スケジュールサービスオーディション
コミュニティ · ナチュラル ・ 紙の質感 ・ 緑 ・ 有機的 2026-05-05
土と水の研究所 — 紙テクスチャ・ナチュラル
子ども向けの環境教育 NPO のサイトを、再生紙のような質感と植物 SVG、有機的な角の丸みで構成したサンプルです。
ミッション 3 軸プログラム活動の数字レポート
教室 · ブルー×イエロー・子ども安心・丸み 2026-05-05
光の森学園 — 私立小学校
1 学年 60 名の小規模私立小学校のサイト。青×黄色の安心感のある配色と、丸みを帯びた要素で子どもらしい温度感を出しました。
教育方針3つ1日の流れ・年間行事学費表入学までの流れ
その他 · セピア × 象牙・伝統・明朝・額縁風 2026-05-05
うみなか歴史館 — セピアの伝統
地方歴史博物館・資料館向け。セピアと象牙色の額縁風レイアウトで、所蔵品の重みを伝えるサンプルです。
展示室案内重要文化財 4 件利用案内アクセス
レストラン · 墨×和紙×暖簾・夜の灯り・明朝 2026-05-05
ほろ酔い横丁 灯 — 横丁居酒屋
路地裏の小さな居酒屋のイメージ。墨色の背景に提灯の灯りと暖簾風タイトルで、夜の横丁の空気感を出しました。
看板メニュー6品店内雰囲気営業時間・アクセス電話予約
サロン · 和・桜色 × 墨・明朝・余白 2026-05-05
彩(きもの)レンタル — 桜と墨の和
きものレンタル店向け。桜色と墨色の和モダンで、振袖・袴・七五三・観光まで横断的に見せるサンプルです。
コレクション 4 種プラン着付の流れ予約
イベント · くすみピンク・明朝・落ち着き・クラフト・やさしい 2026-05-05
mismagi marche — クラフトマーケットのくすみピンク
ハンドメイドのクラフトマーケットを想定した HP。くすみピンクと明朝書体の落ち着いたトーンで、作り手・カテゴリ・会場情報を 1 ページにまとめました。
Hero(明朝コピー + 入場無料バッジ)注目のクリエイター 5 組カテゴリから探す(5 ジャンル)会場地図 + 一日のすごし方
イベント · 紺・黄色・夜・祭り・うまいもん・夏 2026-05-05
ヨルマルシェ — 夜のグルメフェスティバル
夏夜のグルメフェスを想定したイベント HP。紺地に黄色のアクセントで、出店者・人気メニュー・エリアマップ・来場ガイドを 1 ページにまとめました。
Hero(夜の屋台写真 + 入場無料リボン)注目の出店者 5 店舗(カード横並び)今食べたいおすすめメニュー 5 品 + 価格会場マップ + 来場ガイド 2 カラム
イベント · 緑・クリーム・やさしい・自然・素朴 2026-05-05
みどりのマルシェ — オーガニック農産物マーケット
オーガニック農産物マルシェの公式 HP。緑とクリームの自然なトーンで、出展者・今週のラインナップ・アクセスを 1 ページにまとめました。
Hero(コピー + 開催情報 + 採れたてバッジ)注目の出店者 5 組(円形プロフィール)今週のラインナップ 5 アイテムアクセスマップ + おすすめの逸品
その他 · 静謐・極細セリフ・グレー・余白極大 2026-05-05
静安寺 — 静謐・余白極大
都心の小さな寺の写経・坐禅会案内のサンプルです。装飾をほぼ捨てて、極細セリフとグレー濃淡、line-height と余白だけで「静かさ」を作りました。
寺について写経・坐禅月例カレンダー法話の引用
教室 · 深緑×ベージュ・明朝・静かな格調 2026-05-05
奏ノ森 ミュージックスクール — 音楽教室
ピアノ・ヴァイオリン・声楽・ギターの 4 コースを案内する地域の音楽教室サイト。深緑×ベージュで落ち着いた印象に。
コース紹介講師紹介発表会料金表
コミュニティ · 新聞 ・ 明朝 ・ 密度 ・ 罫線 2026-05-05
西伊豆通信 — ブロードシート新聞
地方の小さな新聞のオンライン版を、紙面のブロードシート構造そのままで作ったサンプルです。題字・リード・サイド・4 段組・編集後記・番組欄まで載せています。
題字 ・ 発行号リード記事 + サイドコラム地域ニュース 4 段組編集後記
スタジオ · クラシック・深紫×金・装飾的 2026-05-05
NEO PHIL 楽団 — 室内オーケストラ
20 名の室内オーケストラ、っていうイメージで作ったサンプル HP。深紫×金、明朝、装飾的な額装で、コンサートプログラムの空気感に。
ヒーロー(額装フレーム)コンサート日程楽団員紹介楽団について
ショップ · 土色×緑・素朴・手書き風アクセント 2026-05-05
ひがし畑 — 有機農場
山あいで有機農法を続ける家族農場のサイト。土と緑のカラーに、絵文字と手書き風アクセントで素朴な雰囲気を出しました。
取り組み3つ収穫物カレンダー畑日記3件月1直売会
コミュニティ · 夜・紺×ピンク・電波 2026-05-05
Tokyo Wave 88.3 — 夜のコミュニティ FM
毎晩 22 時から放送する夜間 FM 局を想定したサンプル HP。波形 SVG と ON AIR の点滅で、放送中の空気を出してみました。
ヒーロー(波形アニメ)番組表(縦タイムライン)DJ 紹介リスナー投稿
レストラン · 和・墨×朱・暖簾 2026-05-05
麺処 黒石 — 地方ラーメン店
39 年続く徳島・脇町の小さなラーメン店、っていうイメージで作ったサンプル HP。黒地に朱と暖簾、縦書きの品書きで、夜の店構えの空気を出してます。
ヒーロー(暖簾 SVG)品書き(縦書き)店主の挨拶こだわり 3 点
事務所 · 青×グレー・誠実・信頼感 2026-05-05
Town Compass — 地域不動産仲介
賃貸・売買どちらも扱う地域密着の不動産仲介サイト。物件カードのグリッドと検索ボックスで、来店前に物件を見比べやすい構成にしました。
物件検索ボックス新着物件6件賃貸/売買タブスタッフ紹介
コンサル · ネイビー×コーラル・誠実・ビジネス 2026-05-05
Bridgeline — 人材紹介エージェント
IT・管理職・第二新卒の 3 領域に分かれた人材紹介エージェントのサイト。実績数字と転職事例で信頼感を出し、登録フォームまで動線を作りました。
サービス3領域求人事例4件コンサルタント紹介登録フォーム
クリニック · 安心・グリーン × ベージュ・痛みゼロ 2026-05-05
あおば整骨院 — 安心グリーン
整形外科リハビリの整骨院をイメージしたサンプルです。グリーンとベージュで安心感を出して、症状から探せる構成にしました。
症状別ガイド院長挨拶診療時間予約 CTA
その他 · ローカル・緑・手描き地図 2026-05-05
山あい巡り — 地方の小さな村の観光ガイド
徳島の山あい村の観光案内所、っていうイメージで作ったサンプル HP。手描き地図風の SVG とピン、丸ゴシックでローカル感を出してます。
ヒーロー(地図イラスト)スポット紹介おすすめコース季節のおすすめ
IT・テック · オレンジ・ネイビー・KPI 強調・信頼 2026-05-05
PULSE GRID — データ分析 SaaS のオレンジ × ネイビー
BtoB の SaaS プロダクトを想定したサイト。オレンジ × ネイビーで成果を強調しつつ、KPI バー・機能・導入ステップ・ロゴで信頼を積み上げる構成です。
Hero(ダッシュボードモック)KPI バー(4 指標)FEATURES(3 つの強み)HOW IT WORKS(4 ステップ)
アプリ · ライトブルー・白・SaaS・清潔 2026-05-05
Asteria — SaaS のライトブルー基調
プロジェクト管理 SaaS の公式サイト。白とライトブルーで仕事ツールらしい清潔さを保ちつつ、ダッシュボード画像で「触ったら何が見えるか」が一目でわかる構成です。
Hero(ダッシュボード並び)導入ロゴ帯4 機能カードプロダクト画面ツアー
IT・テック · ターコイズ・パステル・丸み・親しみ 2026-05-05
WAVE KIT — チームコラボ SaaS のターコイズ
チームコラボ系の SaaS を想定したサイト。ターコイズを基調に、丸いアイコン・色分けカード・5 ステップの導入フローでやわらかく見せる構成です。
Hero(ダッシュボードモック)FEATURES(4 つの特長)BENEFITS(色分け 3 カード)STEPS(5 ステップ横並び)
アプリ · バイオレット・ラベンダー・SaaS・落ち着き 2026-05-05
LUMIO — SaaS のバイオレット基調
アイデア起点のプロジェクト管理 SaaS の公式サイト。深いバイオレットと淡いラベンダー、暗いネイビーのヘッダで、創造性と落ち着きを両立した構成です。
Hero(ラベンダーグラデ + ダッシュボード)暗背景のバリュー 4 枚数字で見る KPI 4 枚お客様の声 2 本
アプリ · 鮮やかブルー・グラデ・SaaS・勢い 2026-05-05
NOVA FLOW — SaaS の鮮やかブルー基調
業務自動化 SaaS の公式サイト。鮮やかなブルーのグラデーションを背景に、ダッシュボード画像を斜めに配置して、勢いと信頼感を両立させた構成です。
Hero(グラデ + 斜め配置のダッシュボード)5 つの強み3 つのユースケース導入企業ロゴ帯
アプリ · グリーン・フレッシュ・SaaS・前向き 2026-05-05
ORBIT ONE — SaaS のグリーン基調
業務サポート SaaS の公式サイト。鮮やかなグリーンと有機的な丸い背景パターンで、爽やかさと前向きさを表現した構成です。
Hero(緑のブロブ + ダッシュボード)3 ステップの価値カード機能リスト + 大画像緑バンドの CTA
ショップ · 藍×米・和モダン・明朝・縦組 2026-05-05
越乃 しずく — 酒蔵
明治創業・新潟の家族経営の酒蔵サイト。藍×米色の和モダンな配色で、蔵元の哲学から蔵見学・通販まで一通り並べました。
蔵人の哲学商品ライン3種蔵見学案内通販リンク
IT・テック · ホワイト×オレンジ・グラフィック大胆・英文字 2026-05-05
Forge Labs — スタートアップスタジオ
プロダクト 0 → 1 を共同創業として担うスタートアップスタジオのサイト。白基調にオレンジを差し、英語混じりのモダンなトーンで作りました。
提供サービス3つポートフォリオ4社メソッド4ステップメンバー紹介
イベント · 紫 × ライムアクセント・モダンサンセリフ・テック寄り 2026-05-05
CREA NEXT 2025 — テックカンファレンスの紫
デザイン × テックのカンファレンス HP サンプル。紫 × ライムのアクセントで、スピーカー・タイムテーブル・チケット・会場までを 1 ページに束ねた構成です。
ヒーロー(キービジュアル + 開催日 + 2 つの CTA)スピーカー 4 名(顔写真 + 役職 + 登壇枠)Day1 / Day2 のタイムテーブル抜粋3 種類のチケット(中央が強調)
その他 · 和・墨・縦書き 2026-05-05
西東山 観能寺 — 古刹の縦書きサイト
850 年続く山中の古刹、っていうイメージで作ったサンプル HP。縦書きと薄墨グラデ、巨大な年号で、和の重みを出してます。
ヒーロー(縦書き + 墨絵)縁起(寺の由来)年表伽藍(建築物)
事務所 · シリアス・白 × 紺・データ表現・細身サンセリフ 2026-05-05
Aether Capital — VC・シリアス白紺
ベンチャーキャピタル・投資ファンド向け。白と紺で組んだシリアスなトーンで、AUM や投資先一覧をデータとして見せるサンプルです。
数値スタッツ投資先ロゴ群投資哲学パートナー紹介
イベント · 深いグリーン・サンセリフ・落ち着いた知的トーン・カード構成 2026-05-05
HARUNIWA — ワークショップ&トークのグリーン
学び × 実践のワークショップ型イベントを想定した HP サンプル。深いグリーンを基調にして、プログラム・登壇ゲスト・過去レポート・申し込みの流れまで束ねた構成です。
ヒーロー(キービジュアル + 開催日 + 2 つの CTA)プログラム 4 段(時刻つき)登壇ゲスト 3 名(円形アバター + 専門タグ)過去の開催レポート 3 件
スタジオ · ジン・コラージュ・手作り・オレンジ 2026-05-05
HARFLINE Collective — ジン風コラージュ
8 人のクリエイター集団のサイトを、ジン(自主制作冊子)の表紙そのままの世界観で組んだサンプルです。テープや傾いた要素で手作り感を出しています。
マニフェストメンバー紹介ワークスジンストア
建築 · ミニマル・写真ファースト・モノクロ・余白 2026-05-03
建築設計事務所 — モノクロ・写真ファースト
建築・インテリア・プロダクト系の事務所さん向けに。モノクロ + 大きな写真で、装飾を最小限にして写真と余白に語らせる構成です。
プロジェクトギャラリー事務所紹介プロセス紹介問い合わせフォーム
レストラン · 焼きたて・テラコッタ・クリーム・素朴 2026-05-03
パン工房 こむぎ — テラコッタ・焼きたて
個人でやってる小さなパン屋さんの HP。テラコッタとクリーム色で温かい雰囲気、焼きたて感のある写真を主役にしました。
パンの種類焼き上がり時間表店主の紹介予約・取置
サロン · アーバン・落ち着き・グレージュ + 銅 2026-05-03
美容室 — グレージュ・アーバン
都会的な美容室・ヘアサロンさん向けに。グレージュと銅色で大人っぽい落ち着き、スタイリスト指名予約までの導線を重視した構成です。
コンセプトメニュースタイリスト紹介スタイル集(ギャラリー)
カフェ · ナチュラル・木のぬくもり・自然光 2026-05-03
北山 珈琲店 — ナチュラル
山あいにある一軒家カフェのイメージで。淹れたての珈琲と季節のお菓子を中心に、木のぬくもりを感じるナチュラルな構成にしました。
メニュー店内紹介オーナーストーリー営業時間・アクセス
クリニック · 清潔・優しい・安心・ミント 2026-05-03
歯科クリニック — 清潔・ミント
予防歯科や小児歯科に力を入れている、地域のクリニックさん向け。白とミントグリーンで清潔感を出した複数セクション構成です。
診療メニュー院長・スタッフ紹介アクセス・診療時間Web 予約導線
ショップ · フェミニン・パステルピンク・大きな商品写真 2026-05-03
sora cosme — フェミニン・ピンク
敏感肌向けの国産スキンケアブランドのコーポレート + 物販を兼ねた HP。ピンクとベージュの優しい配色で、商品写真を大きく見せる構成です。
商品ラインブランドストーリージャーナル(読み物)オンライン購入
建築 · あたたかい・職人・木目 + ディープグリーン 2026-05-03
工務店 — 木のあたたかさ・実績重視
地域の工務店・リフォーム会社さん向け。木目とディープグリーンで職人っぽさを出して、施工事例の Before / After を真ん中に据えた構成です。
施工事例(Before/After)施工の流れ代表メッセージ対応エリア
法律 · フォーマル・堅実・信頼・ネイビー 2026-05-03
法律事務所 — フォーマル・ネイビー
法律・税理士・会計事務所など、信頼と実績を伝えたい士業さん向け。ネイビーとアイボリー、明朝体ベースの堅実な構成です。
取扱業務弁護士紹介解決実績お知らせ
その他 · 親しみ・信頼・ブルー + 草色 2026-05-03
NPO・地域団体 — ブルー・親しみ
NPO・地域団体・社会福祉法人さん向け。落ち着いたブルーで信頼感を、グリーンで親しみを出した複数セクション構成です。
活動内容支援メンバー紹介活動報告ブログ寄付・参加導線
サロン · 優しい・パステル・ピンク + クリーム 2026-05-03
ペットサロン — パステル・優しい
犬・猫向けのトリミング・ペットホテルさん向け。淡いピンクとクリームで、お客さんに「うちの子も連れて行きたい」と思ってもらえる構成です。
コース紹介スタッフ・在籍ペット紹介ご利用の流れ予約フォーム
フリーランス · モノクロ・写真集風・大きな写真・最小テキスト 2026-05-03
高木 透 写真事務所 — モノクロ
ポートレート写真家さんの個人ポートフォリオ HP。黒背景に大きな写真、テキストは最小限。写真集に近い見せ方の構成です。
作品集プロフィール受託の流れ問い合わせ
レストラン · ウォーム・上質・グルメ・焦茶 2026-05-03
イタリアンレストラン — ウォーム・グルメ
コース主体のイタリアン・フレンチ・寿司割烹さんなど向け。焦茶・ボルドー・金で、食欲と上質感を伝える写真ファーストの構成です。
コースメニューシェフ紹介店内ギャラリーコース予約フォーム
ショップ · 和モダン・余韻・深緑 + 朱 2026-05-03
旅館・宿 — 和モダン・深緑と朱
小規模な旅館・古民家宿さん向け。深緑と朱色の和モダン配色、明朝体で「日本の宿」の余韻を伝える複数セクション構成です。
客室紹介お料理館内施設プラン・料金
その他 · 伝統・荘厳・赤×墨・縦書き要素 2026-05-03
八重垣神社 — 伝統・赤×墨
千年の歴史を持つ、地方の神社の公式 HP を想定して作りました。墨色のベースに朱色のアクセント、明朝体で重みを出した構成です。
御由緒祭事カレンダー祈祷・授与品アクセス・参拝案内
IT・テック · ダーク・モノスペース・テック・シアン 2026-05-03
IT スタートアップ — ダーク・テック
SaaS / 開発会社 / IT スタートアップさん向け。ダーク背景にシアンの差し色、モノスペースを混ぜたテック感のある複数セクション構成です。
プロダクト紹介技術スタックメンバー紹介Careers
about samples
サンプルについて
ここで紹介しているのは、実際の案件ではなく Onbit が用意した参考デモです。
構成や雰囲気をベースにしながら、お客さまごとに文章・写真・色味を作り直してお渡しします。