空白のセクション

空白のセクション

背景色メインカラー

背景色サブカラー

背景色アクセントカラー

背景カラー①

背景カラー②

画面幅100%

画面幅100%（上下余白あり）

スライドギャラリー

画面幅100%カルーセル

セクション＞空白のセクション（専用）
単体＞画像＞スライドギャラリー
修正履歴

画面幅100%カルーセル（3分割Ver）

セクション＞空白のセクション＞空白のセクション（専用）
単体＞画像＞スライドギャラリー
修正履歴

画像＋テキストカルーセル

セクション＞空白のセクション＞空白のセクション
単体＞見出し＞テキストのみ
単体＞テキスト＞テキストのみ

dp-slide_sec（専用）
dp-swiper_row（専用）
dp-js-script_row
修正履歴
2025/05/19 （リッチテキスト【V2】に変更）
備考：
JSデザパのため、公開画面で動きません。

見出しテキストが入ります

ダミー

記事タイトル01

サンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキスト

ダミー

記事タイトル02

サンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキスト

ダミー

記事タイトル03

サンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキスト

ダミー

記事タイトル04

サンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキスト

ボタン

ズームスライドショー Ver1

セクション＞空白のセクション＞空白のセクション

単体＞見出し＞テキストのみ
単体＞テキスト＞テキストのみ（bold・フォントサイズ20px）
単体＞テキスト＞テキストのみ
単体＞ボタン1＞資料DL（bold）


dp-mvslide_01_sec（専用）
dp-mvslide_01_row（専用）
dp-js-script_row
修正履歴
2025/05/19 （リッチテキスト【V2】に変更）
備考：
JSデザパのため、公開画面で動きません。

キャッチコピーが入ります。

ショルダーコピーが入ります。
ショルダーコピーが入ります。

詳しい資料はこちら

資料ダウンロード

ズームスライドショー Ver2

セクション＞空白のセクション＞空白のセクション

単体＞見出し＞テキストのみ
単体＞テキスト＞テキストのみ（bold・フォントサイズ20px）
単体＞テキスト＞テキストのみ
単体＞ボタン1＞資料DL（bold）


dp-mvslide_02_sec（専用）
dp-mvslide_02_row（専用）
dp-js-script_row
修正履歴
2025/05/19 （リッチテキスト【V2】に変更）
備考：
JSデザパのため、公開画面で動きません。

キャッチコピーが入ります。

ショルダーコピーが入ります。
ショルダーコピーが入ります。

詳しい資料はこちら

資料ダウンロード

事例

ロゴスクロール

セクション＞空白のセクション＞背景カラー①（専用）
修正履歴

ロゴスクロール（上下余白あり）

セクション＞空白のセクション＞背景カラー①（専用）
修正履歴

ロゴ一覧4列

sample

見出しテキストが入ります

ロゴ一覧6列

sample

見出しテキストが入ります

商品・サービス

サービス詳細１

セクション＞空白のセクション＞背景カラー①（専用）
複合＞見出し＞英字、見出し【v2】
単体＞テキスト＞テキストのみ
複合＞3列の画像＞画像、テキスト
単体＞ボタン3＞矢印（bold）
修正履歴
2025/05/19 （リッチテキスト【V2】に・英字、見出し変更）

sample

見出しテキストが入ります

サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。 サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。

項目1テキスト

項目2テキスト

項目3テキスト

サービスについて

サービス詳細２【V2】

セクション＞空白のセクション＞背景カラー①（専用）
複合＞見出し＞英字、見出し【v2】
単体＞テキスト＞テキストのみ
単体＞画像＞メインカラーデザイン1＆2（x3）
単体＞ボタン3＞矢印（bold）
dp-ab02_row（専用）
修正履歴
2024/11/21（カラム内要素位置）
2025/05/19 （リッチテキスト【V2】に・英字、見出し変更）

sample

見出しテキストが入ります

サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。
サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。

項目1テキスト

項目2テキスト

項目3テキスト

サービスについて

サービス詳細3

セクション＞空白のセクション＞背景カラー①（専用）
複合＞見出し＞英字、見出し【v2】
単体＞テキスト＞テキストのみ
単体＞見出し＞テキストのみ
単体＞ボタン3＞矢印（bold）
dp-colWFix_row（専用）
修正履歴
 2024/11/12（カラム内要素位置）
2025/05/19 （リッチテキスト【V2】に・英字、見出し変更）

sample

見出しテキストが入ります

サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。
サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。

項目1テキスト

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

項目2テキスト

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

項目3テキスト

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

項目４テキスト

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

項目５テキスト

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

サービスについて

サービスの流れ１

セクション＞空白のセクション＞背景カラー①（専用）
複合＞見出し＞英字、見出し【v2】（テキスト変更）
複合＞その他＞フローチャート デザイン3
修正履歴
2025/05/19 （リッチテキスト【V2】に・英字、見出し変更）

Flow

流れ

STEP
01

見出しが入ります

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

STEP
02

見出しが入ります

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

STEP
03

見出しが入ります

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

サービスの流れ２

セクション＞空白のセクション＞背景カラー①（専用）
複合＞見出し＞英字、見出し【v2】（テキスト変更）
複合＞その他＞フローチャート デザイン2
修正履歴
2025/05/19 （リッチテキスト【V2】に・英字、見出し変更）

Flow

流れ

見出しが入ります

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

見出しが入ります

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

見出しが入ります

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

画像、テキスト

セクション＞空白のセクション＞背景カラー①（専用）
単体＞テキスト＞テキストのみ（専用）:dp-richMainColor_text-v2
単体＞ボタン3＞矢印（bold）
row（専用）
修正履歴
 2024/11/12（カラム内要素位置）
2025/05/19 （リッチテキスト【V2】に・dp-richMainColor_textを【V2】に変更）

sample

キャッチコピーが入ります。
キャッチコピーが入ります。

本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。

詳細はこちら
point_img

プロフィール

sample

見出しテキストが入ります

企業名◯◯◯◯
氏名◯◯◯◯

役職○○○○

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

サービス紹介

sample

見出しテキストが入ります

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

項目1テキスト

本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。

詳細はこちら

項目2テキスト

本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。

詳細はこちら

項目3テキスト

本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。

詳細はこちら

課題・悩み

テキストのみ１

複合パーツ「箇条書きテキスト（dp-listArea_row）」と同じですが、複合パーツにはテキストカラーが白と、rowに背景色を置けない為にこちらで調整してください。
セクション＞空白のセクション＞メインカラー（専用）
複合＞見出し＞英字、見出し【v2】（テキストカラー白）
複合＞テキスト＞箇条書きテキスト
単体＞テキスト＞テキストのみ（テキストカラー白・bold・フォントサイズ22px）
修正履歴
2025/05/19 （リッチテキスト【V2】に・英字、見出し変更）

sample

見出しテキストが入ります

・ ○○ができていない○○ができていない

・ ○○を改善したい○○を改善したい

・ ○○に不満を感じている○○に不満を感じている

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストのみ２【V2】

セクション＞空白のセクション＞メインカラー（専用）
複合＞見出し＞英字、見出し【v2】（テキストカラー白）
単体＞テキスト＞テキストのみ（テキストカラー白・bold・フォントサイズ24px）
dp-is02_row（専用）
修正履歴
 2024/11/12（カラム内要素位置）
2025/05/19 （リッチテキスト【V2】に・英字、見出し変更）

sample

見出しテキストが入ります

◯◯が
できてない

◯◯が
できてない

◯◯が
できてない

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

アイコン、テキスト【V2】

セクション＞空白のセクション＞メインカラー（専用）
複合＞見出し＞英字、見出し【v2】（テキストカラー白）
単体＞装飾＞アイコン
単体＞テキスト＞テキストのみ（フォントサイズ22px）
dp-is04_row（専用）
修正履歴
 2024/11/12（カラム内要素位置）
2025/05/19 （リッチテキスト【V2】に・英字、見出し変更）

sample

見出しテキストが入ります

○○ができていない○○ができていない

○○を改善したい○○を改善したい

○○に不満を感じている○○に不満を感じている

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

画像、テキスト【V2】

セクション＞空白のセクション＞背景カラー①（専用）
単体＞テキスト＞テキストのみ（専用）：dp-richMainColor_text-v2
単体＞テキスト＞テキストのみ（フォントサイズ22px）
dp-is03_row（専用）
修正履歴
 2024/11/12（カラム内要素位置）
2025/05/19 （リッチテキスト【V2】に・dp-richMainColor_textを【V2】に変更）
point_img

sample

見出しテキストが入ります

・ ○○を改善したい○○を改善したい

・ ○○を改善したい○○を改善したい

・ ○○を改善したい○○を改善したい

テキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト

セクション吹き出し

見出しテキストが入ります