Foundations

本樣式指南為網站的基礎核心，所有顏色、尺寸、元件、組件都會羅列於此，以便進行管理。

如需變更任何顏色或值，請使用「Variables 變數 (V)」面板。

全站尺寸單位皆以 EM 設定，目的是為了讓 1920px 以上的瀏覽器可直接等比例放大。(目前還沒做 1920px 斷點，有需要再加)

Color

本區塊定義了全站的核心色彩。請優先使用定義好的顏色，以確保品牌視覺的一致性，如果有新增顏色，務必要在本區更新。

漸層色無法定義，但可將用到的漸層色存為 Variables 方便管理。

Crescendo Color
  • Crescendo Black
  • Crescendo Gery
  • Crescendo Blue
  • Crescendo Blue 10%
  • Background Gery
  • Icon Gery
  • AI White
  • AI Purple
  • AI Green
  • Issue Red
  • Issue Red 10%
Button Gery
  • Btn-Dark Gery
  • Btn-Gery
  • Btn-Light Gery
  • Btn-Lightest
  • Btn-White 50%
Basic Color
  • Black
  • White
  • Transparent
Font

網站指定中文、日文、泰文字體皆為思源黑體，英文字體為 TT Commons Pro。

全站字型目前由語法控制，要發佈後在網站才能看見。

Taiwan
Noto Sans TC
漸強實驗室 Crescendo lab
Singapore
TT Commons Pro
Crescendo lab
Thailand
Noto Sans Thai
ฟอนต์ภาษาไทย Crescendo lab
Japan
Noto Sans JP
Spacing

定義所有尺寸、間距以及圓角。

Global Padding

定義網站最大寬度、左右留白、以及區塊間距。

Home Hero Padding
Global Padding
Global Container
Section Spacing
Gap

定義多種間距尺寸，請從現有定義中選擇，不可隨意新增，會破壞整體網站排版空間。

Gap XXS
Gap XS
Gap S
Gap M
Gap L
Gap XL
Gap XL plus
Gap XXL
Gap XXXL
Card Padding

卡片內距設定，目前有一般、大以及混合留白。

Card Padding L
Card Padding XL
Card Padding Mix
Radius

定義卡片使用的小、中、大圓角，Full 為圓形。

Radius XS
Radius S
Radius M
Radius L
Radius Full
Elements

定義整個網站會使用到的文字樣式與按鈕，盡可能直接選擇現有樣式，以維持全站風格。

Typography

根據不同用途，需要使用不同的文字格式。

Heading

SEO 最重要的 Headings 標籤，不可隨意使用，字體大小與層級無關。請以標題、章節、其他子題的概念來使用。

Heading XXL
Size
3.5 em

漸強實驗室 Crescendo lab

Heading XL
Size
2.5 em

漸強實驗室 Crescendo lab

Heading L
Size
2 em

漸強實驗室 Crescendo lab

Heading M
Size
1.5 em

漸強實驗室 Crescendo lab

Paragraphs

用於多文字內容，確保行高舒適易讀。

Paragraphs XXL
Size
5 em
Elevate Your AI Journey 
with Crescendo AI
Paragraphs XL
Size
1.25 em
品牌系統規範透過統一色彩、字體與元件，確保設計一致性並提升團隊協作效率。明確的規則讓品牌在不同平台維持專業與辨識度，同時展現核心價值，形成可持續延伸的設計基礎，避免風格分散與溝通落差。
Paragraphs L
Size
1.1 em
品牌系統規範透過統一色彩、字體與元件，確保設計一致性並提升團隊協作效率。明確的規則讓品牌在不同平台維持專業與辨識度，同時展現核心價值，形成可持續延伸的設計基礎，避免風格分散與溝通落差。
Paragraphs M
Size
1 em
品牌系統規範透過統一色彩、字體與元件，確保設計一致性並提升團隊協作效率。明確的規則讓品牌在不同平台維持專業與辨識度，同時展現核心價值，形成可持續延伸的設計基礎，避免風格分散與溝通落差。
Text Block

文字元件會被使用在各種地方，因此有一些特殊樣式。

Text Metric-XL
Size
5 em
999
Text Metric
Size
4 em
999
Text XXL
Size
2 em
打造全方位顧客體驗
Text XL
Size
1.5 em
打造全方位顧客體驗
Text L
Size
1.1 em
打造全方位顧客體驗
Text M
Size
1 em
打造全方位顧客體驗
Text S
Size
0.9 em
打造全方位顧客體驗
Text XS<B>
Size
0.8 em
打造全方位顧客體驗
Text XS
Size
0.8 em
打造全方位顧客體驗
Button

按鈕樣式會影響到整個網站的使用體驗，優先使用 Primary，有新增樣式務必更新，確保全站按鈕不會出現誤導的樣式出現。

Primary Large
Button Text
Button Text
Button Text
Primary Medium
Button Text
Button Text
Button Text
Primary Small
Button Text
Button Text
Button Text
Primary Large - Disabled
Button Text
Button Text
Button Text
Primary Medium - Disabled
Button Text
Button Text
Button Text
Primary Small - Disabled
Button Text
Button Text
Button Text
Secondary Large
Button Text
Button Text
Button Text
Secondary Medium
Button Text
Button Text
Button Text
Secondary Small
Button Text
Button Text
Button Text
Secondary Large - Disabled
Button Text
Button Text
Button Text
Secondary Medium - Disabled
Button Text
Button Text
Button Text
Secondary Small - Disabled
Button Text
Button Text
Button Text
Text Button Large
Text Button
Text Button Medium
Text Button
Properties Components

網站組成的基石，透過版型建置，可以快速切換內容供所以頁面組成使用。

Component module

建立組件的基本模型，通常不會單獨使用，在特殊需求才會使用 Slot 來另拚版型。

Title Section

所有網頁不同區塊的標題版型。

置中、置左已使用在對應版型中，不可隨意變更。

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. so added this paragraph.

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. so added this paragraph.

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Card

網站使用大量卡片模組來製作內容，且有不同數量需求，因此會使用 Slot 來插入卡片數量，並且每個卡片都是設計成自動寬度，請嚴格比照各種卡片的數量說明，避免卡片壞掉。

每個卡片都有對應的容器，使用卡片組件一定要優先放 Box 組件，才能放入卡片組件。

Metric Card

網站重要指標卡片模組，通常不會單獨使用，已使用在對應的常態組件中。

999
Unit
Label Title
Preview

可插入 3 - 4 張 Metric Card，數量請維持在範圍內

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

999
Unit
Label Title
999
Unit
Label Title
999
Unit
Label Title
Pain Point Card

特定頁面使用的痛點卡片模組。

目前只用於 Industry 與 Channels & Integrations 的 CMS page。

Heading

This is some text inside of a div block.

Preview

可插入 3 - 4 張 Pain Point Card，數量請維持在範圍內

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Heading

This is some text inside of a div block.

Heading

This is some text inside of a div block.

Heading

This is some text inside of a div block.

Feature Card

特別放大圖片的卡片模組。

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Button Text
Button Text
Button Text
Preview

可插入 2 - 3 張 Feature Card，數量請維持在範圍內

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Button Text
Button Text
Button Text

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Button Text
Button Text
Button Text
Step Card

包含 Badge 與 List 的卡片模組。

Badge Text

H3 Card Title

  • This is some text inside of a div block.
  • This is some text inside of a div block.
  1. This is some text inside of a div black.
Preview

⚠︎ 請維持 3 張 Step Card

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Badge Text

H3 Card Title

  • This is some text inside of a div block.
  • This is some text inside of a div block.
  1. This is some text inside of a div black.
Badge Text

H3 Card Title

  • This is some text inside of a div block.
  • This is some text inside of a div block.
  1. This is some text inside of a div black.
Badge Text

H3 Card Title

  • This is some text inside of a div block.
  • This is some text inside of a div block.
  1. This is some text inside of a div black.
Product Card

包含 主要按鈕 的卡片模組。

H3 Card Title

This is a descriptive text about description.

Button Text
Button Text
Button Text
Preview

請維持 3 張 Product Card

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description.This is a descriptive text about description.This is a descriptive text about description.

Button Text
Button Text
Button Text

H3 Card Title

This is a descriptive text about description.

Button Text
Button Text
Button Text

H3 Card Title

This is a descriptive text about description.

Button Text
Button Text
Button Text
Bento Card

為呈現多樣性排版的卡片模組，數量必須是固定的。

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Preview

為了維持便當版型，請嚴格比照 2col 3col 放入卡片

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Icon Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Icon Feature Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Button Text
Button Text
Button Text
Preview

可插入 2 - 3 張 Feature Card，數量需維持在範圍，不可多或少

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Button Text
Button Text
Button Text

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Button Text
Button Text
Button Text

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Button Text
Button Text
Button Text

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Button Text
Button Text
Button Text
Icon Card style

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Preview

Icon Card 固定一列 4 張卡，不滿 3 張會空白，超過 4 張新增第二列

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Icon Half Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Preview

Icon Card 固定一列 4 張卡，不滿 3 張會空白，超過 4 張新增第二列

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Button Text
Button Text
Button Text

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Button Text
Button Text
Button Text

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Hero

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Standard Hero

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Badge Linear Text

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Button Text
Button Text
Button Text
Button Text
Button Text
Button Text
Text Hero

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Badge Linear Text
This is some text inside of a div block.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Button Text
Button Text
Button Text
Button Text
Button Text
Button Text
Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Content Z-Pattern

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Preview

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

H3 Content Title. This is the title text of this section.

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

  • Item A
  • Item B
  • Item C
Visual Spotlight

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

CTA

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Preview

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

H2 Title : Fixed height 500px

This is a descriptive text about description.

Button Text
Button Text
Button Text
Button Text
Button Text
Button Text
Background

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Preview

可插入 3 - 4 張 Metric Card，數量需維持在範圍，不可多或少

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

H2 Title : Fixed height 500px

This is a descriptive text about description.
Button Text
Button Text
Button Text
Button Text
Button Text
Button Text
Ebook

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

填寫表單，索取更多功能應用案例

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description.

  • Item 1

    This is a descriptive text about description.This is a descriptive text about description.

  • Item 2

    This is a descriptive text about description.This is a descriptive text about description.

  • Item 3

    This is a descriptive text about description.This is a descriptive text about description.

預約專人諮詢
Ebook

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

H2 Title : Fixed height 500px

This is a descriptive text about description.

Button Text
Button Text
Button Text
Button Text
Button Text
Button Text
Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

FAQ

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tab Title

Preview

待使用情境

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Tab Title

Tab Title

Accordion Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tab Title

Preview

可插入 3 - 4 張 Metric Card，數量需維持在範圍，不可多或少

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Tab Title

Tab Title

Tab Title

Regular Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

CMS Slider

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Key Feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

H3 Card Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Preview

可插入 3 - 4 張 Metric Card，數量需維持在範圍，不可多或少

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

AIスマートセグメンテーション

顧客データを統合し、AIが会員ごとの購買確率や行動傾向を分析。高精度なセグメントを自動生成し、属人的な分析に頼らずROI向上を実現します。

AIシナリオ配信

LINE・Email・SMSを横断した自動カスタマージャーニーを設計。AIが顧客行動を分析し、最適な配信タイミングとコンテンツを自動生成・自動配信します。

AIコンテンツ生成

AIがパーソナライズされたテキスト・画像・動画コンテンツを自動生成。設定したマーケティング目標に応じて最適な訴求内容を提案し、一人ひとりに合わせたメッセージ配信を実現します。

スマート配信

顧客一人ひとりの行動や反応をもとに、AIが最適な配信タイミングを自動で判断。ノイズにならない配信で、エンゲージメントと成果を最大化します。

Testimonial

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Customer Name
Brand - Job Title
Preview

可插入 3 - 4 張 Metric Card，數量需維持在範圍，不可多或少

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

クレッシェンドラボのMAACは弊社が希望していた機能があったことはもちろん、運用面でも汎用性が高く、弊社が運営するECサイトとの機能面の相性も良いと判断し導入に至りました。いくつか検討はしましたが、機能面、運用しやすさ、費用、総合的に判断し、最終的にMAACに決定しました。

岡田英幸 様
株式会社ホテラバ｜CEO

クレッシェンドラボは、メッセージの種類やフレキシビリティが非常に優れていました。また、開封率やクリック率といったKPI管理ツールが標準搭載されている点も大きな魅力でした。そして何より、Salesforce連携に関する知識が非常に豊富であったことが決め手となり、ほぼ一択で導入を決めました。

山本 亮一 様
EF日本｜マーケティング、CRMリード

クレッシェンド・ラボのCAACで、各シェルターでのお問い合わせの対応状況が全体的に見えるようになり、 「今、何を優先すべきか」がチーム全体で共有できるようになりました。これにより里親様へのサポートをより手厚く実現することが可能になりました。

横田 惟宇 様
一般社団法人アニマルウェルフェア東京 理事

多様なゲーム機能を、開発費をかけずにノーコードで簡単に使用できるという点が他のツールにはない魅力だと思っています。ゲームの開発にリソースを割く必要が全くなく、作業時間を大いに短縮できるという点や、直感的に設定が行えるストレスフリーな操作性を大変気に入っています。

馬 躍原 様
株式会社 多慶屋｜ 執行役員 渉外・マーケティング統括

他社のサービスは外部ツールとの連携が難しく、ツール内に閉じるものばかりでした。一方でMAAC（マーク）は外部との接続が容易であることが選定の理由でした。

日下 拓也 様
エーテンラボ株式会社 事業開発 / 健康経営エキスパートアドバイザー

メール到達率の低下を受け、リーチしやすいLINEでの顧客体験を強化するためにクレッシェンドラボの製品を導入しました。店舗ごとの推奨製品情報を適切なお客様に配信できる体制を構築しました。

岩田・西田 様
株式会社ミルボン｜デジタルマーケティング部門

MAACでLINE一斉配信から脱却し、顧客データが可視化されました。特に、メッセージ開封から実際の購入に至るまでの数値データを一元的に管理できるようになりました。一人ひとりに最適なアプローチが可能になり、マーケティング精度が飛躍的に向上しました。

三川・長崎 様
株式会社フィッツコーポレーション｜UXデザインチーム

私たちの最大の資産は、LINE公式アカウントの30万人超の友だちです。しかし大部分は購買行動を伴わない休眠状態にありました。クレッシェンド・ラボのツールを導入し、会員データの構造化と個別最適な配信を開始したことで、6ヶ月以内に15,000名以上の会員IDを新規紐付けし、ブロック率を5%以下に抑制することができました。OMOのサイクルが機能し始め、会員の活性度・客単価・リピート率に明確な改善が見られています。

Vincent Hu（ヴィンセント・フー）様
THE BODY SHOP TAIWAN 代表取締役

クレッシェンドラボのツールを導入してから、タグ付けとレベル分けの2つの機能のおかげで友だちへの理解がより一層深まりました。MAACの導入前は一括送信のみしか行えませんでしたが、導入後はコミュニケーションがより正確かつ効果的に行えるようになり、その効果が開封率やクリック率にも表れています。

林・廖
NISSAN Taiwan デジタルマーケティング
Testimonial

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

Customer Name
Brand - Job Title
Text Button
+999
Unit
Label Title
+999
Unit
Label Title
Preview

可插入 3 - 4 張 Metric Card，數量需維持在範圍，不可多或少

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

Badge Text

H2 Section Title

This is a descriptive text about description. The content wasn't enough, so added this paragraph. This is a descriptive text about description. The content wasn't enough, so added this paragraph.

クレッシェンドラボのMAACは弊社が希望していた機能があったことはもちろん、運用面でも汎用性が高く、弊社が運営するECサイトとの機能面の相性も良いと判断し導入に至りました。いくつか検討はしましたが、機能面、運用しやすさ、費用、総合的に判断し、最終的にMAACに決定しました。

岡田英幸 様
株式会社ホテラバ｜CEO
他の導入事例を見る
30%↑
LINE経由EC収益
80%
平均メッセージ開封率

クレッシェンドラボは、メッセージの種類やフレキシビリティが非常に優れていました。また、開封率やクリック率といったKPI管理ツールが標準搭載されている点も大きな魅力でした。そして何より、Salesforce連携に関する知識が非常に豊富であったことが決め手となり、ほぼ一択で導入を決めました。

山本 亮一 様
EF日本｜マーケティング、CRMリード
他の導入事例を見る
9倍
リーチ率
68.8%
LINE開封率

クレッシェンド・ラボのCAACで、各シェルターでのお問い合わせの対応状況が全体的に見えるようになり、 「今、何を優先すべきか」がチーム全体で共有できるようになりました。これにより里親様へのサポートをより手厚く実現することが可能になりました。

横田 惟宇 様
一般社団法人アニマルウェルフェア東京 理事
他の導入事例を見る
60
問い合わせ対応の削減時間（月間）

多様なゲーム機能を、開発費をかけずにノーコードで簡単に使用できるという点が他のツールにはない魅力だと思っています。ゲームの開発にリソースを割く必要が全くなく、作業時間を大いに短縮できるという点や、直感的に設定が行えるストレスフリーな操作性を大変気に入っています。

馬 躍原 様
株式会社 多慶屋｜ 執行役員 渉外・マーケティング統括
他の導入事例を見る
66%
配信開封率
11%
ブロック率

他社のサービスは外部ツールとの連携が難しく、ツール内に閉じるものばかりでした。一方でMAAC（マーク）は外部との接続が容易であることが選定の理由でした。

日下 拓也 様
エーテンラボ株式会社 事業開発 / 健康経営エキスパートアドバイザー
他の導入事例を見る
ZOHO
データ連携
13.17%
ブロック率

メール到達率の低下を受け、リーチしやすいLINEでの顧客体験を強化するためにクレッシェンドラボの製品を導入しました。店舗ごとの推奨製品情報を適切なお客様に配信できる体制を構築しました。

岩田・西田 様
株式会社ミルボン｜デジタルマーケティング部門
他の導入事例を見る
7%
ブロック率
65%
開封率

MAACでLINE一斉配信から脱却し、顧客データが可視化されました。特に、メッセージ開封から実際の購入に至るまでの数値データを一元的に管理できるようになりました。一人ひとりに最適なアプローチが可能になり、マーケティング精度が飛躍的に向上しました。

三川・長崎 様
株式会社フィッツコーポレーション｜UXデザインチーム
他の導入事例を見る
97%
タグ付与済み友だちの割合

私たちの最大の資産は、LINE公式アカウントの30万人超の友だちです。しかし大部分は購買行動を伴わない休眠状態にありました。クレッシェンド・ラボのツールを導入し、会員データの構造化と個別最適な配信を開始したことで、6ヶ月以内に15,000名以上の会員IDを新規紐付けし、ブロック率を5%以下に抑制することができました。OMOのサイクルが機能し始め、会員の活性度・客単価・リピート率に明確な改善が見られています。

Vincent Hu（ヴィンセント・フー）様
THE BODY SHOP TAIWAN 代表取締役
他の導入事例を見る
<5%
ブロック率
15,000
新規会員ID紐付け数

クレッシェンドラボのツールを導入してから、タグ付けとレベル分けの2つの機能のおかげで友だちへの理解がより一層深まりました。MAACの導入前は一括送信のみしか行えませんでしたが、導入後はコミュニケーションがより正確かつ効果的に行えるようになり、その効果が開封率やクリック率にも表れています。

林・廖
NISSAN Taiwan デジタルマーケティング
他の導入事例を見る
10,500+
誘導リンクから新たに獲得した友だちの数
60%+
ショールームの満足度アンケート回答率
Key Metric

直接抓 CMS - Key Metrics 資料，透過右方 Filters 選擇要使用的數據指標，不要隨意新增 Filters 數量，不可超過三個。

Badge Text

H2 Section Title

800+
導入実績

小売・EC・金融・人材・教育など、多様な業界でLINE CRM・マーケティング自動化を支援。ROI改善とLTV最大化を実証。

87
億
年間配信メッセージ数

膨大な顧客コミュニケーションデータを解析。グローバル最大級の対話データを活用し、AI精度とCRM最適化を実現。

3000
万以上
エンドユーザー利用総数

日本・台湾・タイの3市場で展開。 LINE連携AIプラットフォームとして、 グローバル最大級のユーザー基盤を構築。

Regular CTA

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Form

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Preview

⚠︎ 請先在右側選擇卡片盒子，並將卡片放入對應的盒子內

まずはフォームからお気軽に相談ください。コンサルタントが導入・活用事例を交えてご説明します。

  • 国内初の三カ国でLINE公式技術パートナー認定（日本・タイ・台湾）
  • LINE CRM、マーケティング、CSを統合した「Customer 360°」体験
  • CDPやECプラットフォームとのCRMデータ連携を完備したエコシステム
預約專人諮詢