Features Sample How Pricing FAQ はじめる

Landing · One offer · One action

一点にを当てる、 1枚のランディングページ。

RAY はプロダクトやサービスを最短で伝えるミニマルLPテンプレート。ビルド不要の1ファイル。ダーク / ライト対応。

Trust

以下は Spec プレースホルダです。実在クライアント名・検証できない実績数字は入れないでください(差し替え時も同様)。

Spec · Brand A
Spec · Brand B
Spec · Brand C
Spec · Brand D
Features

01

一点集中の構成

Hero から CTA まで余計な分岐を削ぎ、オファーと次の行動だけが残る情報設計。

02

光とモーション

アクセント1色と軽いリビールで視線を誘導。ZEN よりタイトで、動のある印象。

03

1ファイル完結

HTML / CSS / JS 同梱。ビルドツール不要。日英コメント付きで差し替えやすい。

Sample

見せたいのは、完成イメージ。

ここにプロダクト画面やキービジュアルの Spec サンプルを置きます。実写や架空の「導入企業実績」は不要です。

  • 差し替え前提の Spec UI フレーム
  • コピーは短く、動詞で終わる
  • 数値を出すなら根拠を残せるものだけ
How it works

STEP 01

コピーを差し替える

EDIT コメントに従い、見出し・CTA・FAQ を自分のオファーに合わせる。

STEP 02

色を1つ決める

--accent だけ変えれば全体のトーンが揃う。ダーク / ライト両対応。

STEP 03

アップロードして公開

GitHub Pages / Netlify / レンタルサーバーへ index.html を置くだけ。

Pricing teaser

Starter

YOUR OFFER

プラン説明のプレースホルダ。価格は例示です。実売価格・特典は根拠のある内容に差し替えてください。

¥0 / example

詳しく見る
FAQ
コーディング知識は必要ですか?

テキスト編集ができれば十分です。EDIT コメントと CSS 変数だけで見た目と文言を変えられます。

ZEN との違いは?

ZEN はポートフォリオ向け。RAY は1オファーの LP 向けで、セクションが短く、アクセントとモーションで視線誘導を強めにしています。

実績数字やクライアント名を載せてもいいですか?

検証できるもの・公開許可があるものだけにしてください。想定案件は Spec / Concept / Personal と明示し、捏造は避けてください。

次の一手を、いま

フォームや決済URLは公開前に差し替えてください。

hello@example.com