空白のセクション

空白のセクション

背景色メインカラー

背景色サブカラー

背景色アクセントカラー

背景カラー①

背景カラー②

画面幅100%

画面幅100%(上下余白あり)

スライドギャラリー

画面幅100%カルーセル

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

画面幅100%カルーセル(3分割Ver)

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

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

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

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

ダミー

記事タイトル01

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

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

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

ダミー

記事タイトル02

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

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

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

ダミー

記事タイトル03

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

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

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

ダミー

記事タイトル04

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

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

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

ズームスライドショー Ver1

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

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

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

詳しい資料はこちら

ズームスライドショー Ver2

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

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

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

詳しい資料はこちら

事例

ロゴスクロール

セクション>空白のセクション>背景カラー①(専用)
修正履歴

ロゴスクロール(上下余白あり)

セクション>空白のセクション>背景カラー①(専用)
修正履歴

商品・サービス

サービス詳細1

セクション>空白のセクション>背景カラー①(専用)
複合>見出し>英字、見出し
単体>テキスト>テキストのみ
複合>3列の画像>画像、テキスト
単体>ボタン3>矢印
修正履歴

sample

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

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

項目1テキスト

項目2テキスト

項目3テキスト

サービス詳細2【V2】

セクション>空白のセクション>背景カラー①(専用)
複合>見出し>英字、見出し
単体>テキスト>テキストのみ
単体>画像>メインカラーデザイン1&2(x3)
単体>ボタン3>矢印

dp-ab02_row(専用)
修正履歴
2024/11/21(カラム内要素位置)

sample

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

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

項目1テキスト

項目2テキスト

項目3テキスト

サービス詳細3

セクション>空白のセクション>背景カラー①(専用)
複合>見出し>英字、見出し
単体>テキスト>テキストのみ(x2)
単体>見出し>テキストのみ
単体>ボタン3>矢印
修正履歴
 2024/11/12(カラム内要素位置)

sample

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

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

項目1テキスト

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

項目2テキスト

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

項目3テキスト

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

項目4テキスト

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

項目5テキスト

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

サービスの流れ1

セクション>空白のセクション>背景カラー①(専用)
複合>見出し>英字、見出し
複合>その他>フローチャート デザイン3
修正履歴

Flow

流れ

STEP
01

見出しが入ります

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

STEP
02

見出しが入ります

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

STEP
03

見出しが入ります

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

サービスの流れ2

セクション>空白のセクション>背景カラー①(専用)
複合>見出し>英字、見出し
複合>その他>フローチャート デザイン2
修正履歴

Flow

流れ

見出しが入ります

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

見出しが入ります

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

見出しが入ります

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

画像、テキスト

セクション>空白のセクション>背景カラー①(専用)
複合>見出し>英字、見出し
単体>テキスト>テキストのみ
単体>ボタン3>矢印

row(専用)

修正履歴
 2024/11/12(カラム内要素位置)

sample

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

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

課題・悩み

テキストのみ1

複合パーツ「箇条書きテキスト(dp-listArea_row)」と同じですが、複合パーツにはテキストカラーが白と、rowに背景色を置けない為にこちらで調整してください。
セクション>空白のセクション>メインカラー(専用)
複合>見出し>英字、見出し
複合>テキスト>箇条書きテキスト
単体>テキスト>テキストのみ
修正履歴

sample

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

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

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

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

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

テキストのみ2【V2】

セクション>空白のセクション>メインカラー(専用)
複合>見出し>英字、見出し

修正履歴
 2024/11/12(カラム内要素位置)

sample

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

◯◯が
できてない

◯◯が
できてない

◯◯が
できてない

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

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

セクション>空白のセクション>メインカラー(専用)
複合>見出し>英字、見出し
単体>装飾>アイコン
単体>テキスト>テキストのみ

dp-is04_row(専用)

修正履歴
 2024/11/12(カラム内要素位置)

sample

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

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

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

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

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

画像、テキスト【V2】

セクション>空白のセクション>背景カラー①(専用)
複合>見出し>英字、見出し
単体>テキスト>テキストのみ

dp-is03_row(専用)

修正履歴
 2024/11/12(カラム内要素位置)

point_img

sample

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

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

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

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

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

選ばれる理由

画像、テキスト【V2】

セクション>空白のセクション>背景カラー①(専用)
複合>画像・見出し>デザイン2 画像左
複合>画像・見出し>デザイン2 画像右
単体>ボタン3>矢印
修正履歴

見出しが入ります

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

見出しが入ります

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

見出しが入ります

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

数字あり デザイン1

セクション>空白のセクション>背景カラー②(専用)
複合>画像・見出し>デザイン1 画像右
複合>画像・見出し>デザイン1 画像左
単体>ボタン3>矢印
sample 01

見出しが入ります見出しが入ります

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

point_img
point_img
sample 02

見出しが入ります見出しが入ります

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

sample 03

見出しが入ります見出しが入ります

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

point_img

数字あり デザイン2

セクション>空白のセクション>背景カラー①(専用)
複合>画像・見出し>デザイン3 画像右
複合>画像・見出し>デザイン3 画像左
単体>ボタン3>矢印
修正履歴
01  

見出しが入ります

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

point_img
point_img
02  

見出しが入ります

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

03  

見出しが入ります

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

point_img

数字あり デザイン3

セクション>空白のセクション>背景カラー②(専用)
複合>画像・見出し>デザイン4 画像右
複合>画像・見出し>デザイン4 画像左
単体>ボタン3>矢印
修正履歴
01  

見出しが入ります

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

point_img
point_img
02  

見出しが入ります

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

03  

見出しが入ります

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

point_img

数字あり デザイン4

セクション>空白のセクション>背景カラー①(専用)
複合>画像・見出し>デザイン5 画像右
複合>画像・見出し>デザイン5 画像左
単体>ボタン3>矢印
1  

見出しが入ります

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

point_img
point_img
2  

見出しが入ります

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

3  

見出しが入ります

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

point_img

数字あり デザイン5【V2】

セクション>空白のセクション>背景カラー①(専用)
単体>ボタン3>矢印

dp-so07-imgR_row-v2(専用)
dp-so07-imgL_row-v2(専用)

補足:上中下には対応しない
修正履歴
01  

見出しが入ります

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

point_img
point_img
02  

見出しが入ります

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

03  

見出しが入ります

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

point_img

数字あり デザイン6【V2】

セクション>空白のセクション>背景カラー①(専用)
単体>ボタン3>矢印

dp-so09-imgR_row-v2(専用)
dp-so09-imgL_row-v2(専用)

補足:上中下には対応しない
修正履歴
01  

見出しが入ります

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

point_img
point_img
02  

見出しが入ります

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

03  

見出しが入ります

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

point_img