Xinogi TEMPLATES

Webサイトテンプレート

HTMLファイル、1つだけ。
10年後に開いても同じ見た目です。

日本語のサイトのためのテンプレートです。画像ファイルは入っていません。 外部のサービスにも一切つながっていません。ダブルクリックすればそのまま開き、 サーバーに上げる時も、そのファイル1つを置くだけです。 外部サービスに繋がっているテンプレートは、数年後に相手が仕様を変えたり サービスを終了すると、あなたのサイトが勝手に壊れます。それが起きない形で作りました。

1本 ¥4,900（買い切り・サイト数の制限なし）
外部サービスへの接続 0 件
画像ファイル 0 個
崩れないことを確認した画面幅 7 種

Line-up

業種の重ならない4本。

どれも構造は同じで、見せ方だけが業種に合わせて変えてあります。 画像はテンプレートの実際の見た目です（社名・数字・お客様の声は架空の見本です）。

精密BtoBテンプレートの上部。黒地に明朝体の大見出しと、公差の数値を並べた仕様表。

01

精密BtoB

製造業・技術系の会社のためのサイト。図面のイラストはすべてHTMLの中にSVGで描いてあり、 公差や設備の数値を隠さず表で出す構成です。

製造業技術系BtoB英語切替つき
¥4,900買い切り 購入する
木造建築テンプレートの上部。写真枠に「ここにメインの写真を入れてください／推奨1280×939px」と表示されている。

02

木造建築

工務店・設計事務所・林業のためのサイト。写真を画面いっぱいに置く前提で組んであり、 写真がまだ無くても、枠のまま形が完成します。

工務店設計事務所写真が主役
¥4,900買い切り 購入する
和モダンSaaSテンプレートの上部。墨色の地に明朝体の大見出しと、朱色のボタン。

03

和モダンSaaS

サービス・アプリの紹介ページ。白地に紫のグラデーションという「よくあるSaaSサイト」を 意図的に避け、墨・生成り・朱の3色と明朝体で組んであります。

SaaS・アプリ料金表つきFAQつき
¥4,900買い切り 購入する
店舗サロンテンプレートの上部。生成りの地に深緑の帯と、LINE予約の緑のボタン。

04

店舗サロン

サロン・整体・教室・飲食店のためのサイト。予約をLINEに寄せ、スマホでは画面下に 固定の予約ボタンが出ます。地図検索（MEO）用の情報も入っています。

サロン・整体LINE予約色4つで業種が変わる
¥4,900買い切り 購入する

04 の使い方

色を4つ変えるだけで、業種が変わります。

下の映像は、同じHTMLファイル1つのまま、色の指定を7行だけ書き替えたものです。 構造には一切触れていません。1本買えば、業種違いの案件に何度でも使えます。

ストレッチ・フィットネス
整体・接骨院
美容室・サロン
飲食店

色を目で見ながら決めるための道具（配色えらび.html）も同梱しています。 業種を押すとその場でプレビューの色が変わり、決まったら7行をコピーして貼るだけです。

Measured

「たぶん大丈夫」ではなく、測って確かめています。

以下はすべて、実際のブラウザで測った結果です。4本とも同じ検査を通しています。

  • 横スクロールが出ません／320・375・768・1024・1200・1440・1920px の7種で確認
  • JavaScriptが無効でも本文が読めます／アニメーションが止まるだけです
  • 実績の数字はJavaScript無効でも表示されます／「0社+」のままになりません
  • コンソールエラー 0件／外部への通信 0件
  • 「動きを減らす」設定に対応／prefers-reduced-motion
  • 見出しの末尾1文字が次行に落ちません／日本語の折り返しを1行ずつ検査
3番目は地味ですが大事です。 多くのテンプレートは実績の数字をJavaScriptで後から入れているため、 JavaScriptが無効な環境や、読み込みに失敗した時に「0社+」「0年」と表示されます。 これは購入者のサイトの信用に直接ぶつかる箇所なので、HTMLに実数を書く形にしてあります。

Terms

できること／できないこと。

できること

  • 商用・非商用を問わず使えます
  • 自社のサイトにも、請け負った制作にも使えます
  • 使用するサイト数に制限はありません
  • 自由に改変・分解・再構成できます
  • Xinogi のクレジット表記は不要です

できないこと

  • テンプレート商品・素材集として再配布・再販売すること
  • そのまま、または軽微な改変だけで「自作のテンプレート」として売ること
  • ※ 禁じているのは「テンプレートとして売り直すこと」です。これで作った実際のWebサイトをクライアントへ納品することは、制限なく認められます
同梱物：本体HTML／はじめかた（README）／行番号つきの差し替え一覧／利用条件。 差し替える場所が「何行目にあるか」まで書いてあるので、テキストエディタで上から順に置き換えるだけです。
公開前に必ず：サンプルの社名・実績の数字・お客様の声・料金はすべて架空の見本です。 架空の数値を残したまま公開すると景品表示法上の問題となるおそれがあります。

決済と配信は Polar（Merchant of Record）が担当します。購入後、そのままダウンロードできます。 不具合のご報告には誠実に対応します。改良版を公開した際は、購入時のメールアドレスへご案内します。

© 2026 Xinogi