Foundations

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

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

全站尺寸單位皆以 EM 設定，目的是為了讓 1920px 以上的瀏覽器可直接等比例放大。

Color

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

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

Crescendo Color
  • Crescendo Black
  • Crescendo Gery
  • Crescendo Blue
  • Crescendo Blue 10%
  • Background Gery
  • Icon Gery
  • AI Purple
  • AI Green
Button Gery
  • Btn-Dark Gery
  • Btn-Gery
  • Btn-Light Gery
  • Btn-Lightest
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 S
Radius M
Radius L
Radius Full
Elements

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.

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

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.

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

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.

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

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.

Component module

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.

Title Section

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. 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

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.

Metric 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.

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

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.

Heading

This is some text inside of a div block.

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.

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

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
Step 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.

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

可插入 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.

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

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.

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.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

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

可插入 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.

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 Omni-channel Journey

Design automated customer journeys across LINE, Email, and SMS in one place. AI triggers the next action based on member behavior, guiding each customer along their most relevant path.

AI Segment

Automatically consolidates data from multiple sources. AI predicts purchase likelihood and churn risk, so every campaign reaches the right audience and maximizes ROI.

AI Content Generation & Product Recommendation

Enter your marketing goal and AI analyzes past campaign performance, generates targeted copy, and auto-inserts the products each member cares about — delivering a truly personalized message.

AI Smart Sending

The system learns each member's routine and open-rate patterns, predicting the optimal send time per person — delivering messages at exactly the right moment.

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，數量需維持在範圍，不可多或少

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

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，數量需維持在範圍，不可多或少

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

Key Metric

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

Badge Text

H2 Section Title

800+
global clients

Trusted by leading brands across industries, proven to deliver ROI and stability in complex AI deployments.

8.7
Billion
messages / year

Processing vast conversation data to provide Asia’s most precise and reliable AI training sources.

30
Million
end users

The only provider fully certified by LINE in Taiwan, Thailand, and Japan, with a pan-Asian footprint.

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

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

Consult the Team!

  • Meta & LINE official business partner
  • CRM, marketing, customer services, and sales solution All-in-One
  • Complete ecosystem with multiple channels and system integrations
預約專人諮詢