ヒーローセクション

左側の固定ビジュアルと右側のスクロールコンテンツが連動する、販売・配布向けのHTMLテンプレートです。

セクション01

テンプレート購入者が業種に合わせて編集しやすいよう、文章量と画像点数を抑えながら、世界観を伝えられる構成にしています。

余白にリズムをつくり、
伝えたい温度をまっすぐ届ける。

A quiet layout system for focused storytelling.

静かな画面に、編集しやすい骨格を。

写真を使わなくても、言葉の強弱だけで印象はつくれます。
見出し、補足、本文の順番を明確に分けることで、
ブランド紹介、サービス説明、キャンペーン告知まで、
内容を差し替えても読みやすい構成にしています。

セクション02

サービス、商品、キャンペーンなど、さまざまなLPで使いやすいカード形式の特徴紹介です。

01

POINT TITLE

短い説明文を入れて、特徴やメリットを端的に伝えます。

02

POINT TITLE

編集時に項目数を増減しやすい、シンプルなHTML構造です。

03

POINT TITLE

右カラム内で読みやすい余白と文字量に調整しています。

セクション03

大小のプレースホルダーを組み合わせ、差し替え後も世界観を作りやすいギャラリーにしています。

セクション04

商品、プラン、実績、サービスメニューなどに置き換えやすいカードエリアです。

ITEM 01

Item Title

短い説明文を入れて、リンク先へ自然に誘導します。

ITEM 02

Item Title

用途に合わせて価格、仕様、補足情報などに変更できます。

ITEM 03

Item Title

カードを複製して、任意の件数に増やせる構造です。

セクション05

期間限定のお知らせ、イベント案内、ブランドメッセージなどに使える余白のあるCTAエリアです。

詳細を確認する

セクション06

問い合わせ、資料請求、予約、購入など、目的に合わせてボタン文言とリンク先を変更してください。

お問い合わせする