cs-cover-1左文右圖 · 頂部色條 · 標題直條
[BRAND · @handle 8 字]
PHOTO
12×14 em
[作者名 · 8 字內]
[URL · 例 evolvewithcherry.ai]
cs-chapter-1圓 badge 編號 · 主色 H1 · 微網格底
[章節主標 · 20-30 字 · 可 2-3 行]
[副標 · 30-50 字]
cs-content-1標題 + rule + 3 bullet（最多 3）
03
[EYEBROW · 12 字內 · 全大寫]
[H1 · 10-12 字]
- [Bullet 1 keyword] — [描述 · 15-25 字]
- [Bullet 2 keyword] — [描述 · 15-25 字]
- [Bullet 3 keyword] — [描述 · 15-25 字]
cs-quote-1居中大引號 · 分隔線 · 出處
04
"
[引言 · 25-40 字 · 可 2-3 行 · <em> 強調 keyword]
[出處或補充 · 15 字內]
cs-compare-1Before（灰）/ After（紫）雙欄
05
[EYEBROW]
[對比主題 · 8-12 字]
❌ [Before label · 6 字]
[Before title · 8 字]
[Item · 12 字]
[Item · 12 字]
[Item · 12 字]
✅ [After label · 6 字]
[After title · 8 字]
[Item · 12 字]
[Item · 12 字]
[Item · 12 字]
cs-image-1左圖 5fr · 右文 4fr · 加 .cs-reverse 反轉
06
[EYEBROW]
[H2 · 10-15 字]
IMAGE
4:3 ratio
[段 1 · 20-30 字]
[段 2 · 20-30 字]
[caption · 15 字內]
cs-data-13 大數字居中 · 標題 · caption
07
[EYEBROW]
[H2 · 8-12 字]
[一句總結 · 20-30 字]
cs-cta-1居中 · emoji + H1 + sub + 2 卡片
📋
📋
[CTA H1 · 8-12 字 · <em> 重點]
[Hook line · 15 字]
[Bonus info · 20-30 字]
[Label · 4 字]
[Value · 10 字]
cs-cover-2左文右漸層色塊 · 深色底
[EYEBROW · 10 字]
[主標題 · 8-12 字 · 2 行]
[副標 · 30-50 字 · 可 2-3 行]
FULL-BLEED PHOTO
建議用 1920×1080 主視覺相
[EYEBROW]
[主標題 · 8-12 字]
[副標 · 30-50 字]
cs-chapter-2主色滿版 · 大數字 + H1
0N
[章節名 · 3-5 字]
[章節敘述 · 30-50 字]
CHAPTER BG PHOTO
1920×1080 · 建議 mood / 環境照
[章節 H2 · 10-15 字 · <em> 主色]
[敘述 · 50-80 字 · <em> 標重點]
cs-content-22 欄文字 · H3 + paragraph
13
[EYEBROW]
[H2 · 8-12 字]
[Col 1 標題 · 6 字]
[描述 · 40-60 字 · 2-3 行]
[Col 2 標題 · 6 字]
[描述 · 40-60 字 · 2-3 行]
cs-content-33 欄卡片 grid · icon + 標題 + 描述
14
[EYEBROW]
[H2 · 8-12 字]
💡
[Card 1 · 4 字]
[描述 · 20-30 字]
🧠
[Card 2 · 4 字]
[描述 · 20-30 字]
🚀
[Card 3 · 4 字]
[描述 · 20-30 字]
cs-content-4Step pills · 編號圓 + 標題 + 描述
15
[EYEBROW · workflow 標題]
[H2 · 8-12 字 · 強調 N 步]
1
[Step 1 · 8-12 字]
[描述 · 15-25 字]
2
[Step 2 · 8-12 字]
[描述 · 15-25 字]
3
[Step 3 · 8-12 字]
[描述 · 15-25 字]
QUOTE BG PHOTO
1920×1080 · cinematic mood
[EYEBROW]
[引言 · 20-35 字 · <em> 強調]
[出處 · 10 字]
cs-quote-3深色底 · 漸層豎條 · 大裝飾引號
"
[EYEBROW]
[引言 · 25-40 字 · <em> 強調]
[作者 / 出處 · 15 字]
cs-image-2主色底 · 左文右大圖（齊邊）
[EYEBROW]
[H2 · 10-15 字 · <em> 重點]
[描述 · 40-60 字 · 2-3 行]
IMAGE
右側齊邊 · 建議 4:3 或 1:1
FULL-BLEED IMAGE
1920×1080 主視覺
[標題 · 15-25 字 · <em> 重點]
[caption · 10-15 字]
cs-compare-2對比表格 · 多 row 數據
20
[EYEBROW]
[H2 · 8-12 字]
| [項目] | [Option A] | [Option B] |
|---|
| [Row 1 標題] | [A 數據] | [B 數據 · 紫色強調] |
| [Row 2 標題] | [A 數據] | [B 數據] |
| [Row 3 標題] | [A 數據] | [B 數據] |
| [Row 4 標題] | [A 數據] | [B 數據] |
cs-data-23×2 Bento grid · icon + 大數字 + label
21
[EYEBROW]
[H2 · 8-12 字]
cs-cta-2主色滿版 · 左文 + 右大 QR
[EYEBROW · 全大寫]
[CTA H1 · 6-10 字 · <em> 強調]
[描述 · 40-60 字]
cs-profile-1左大相片淡入 · 右 bio + 2 stat 卡片
PORTRAIT PHOTO
建議高 1350px+
右側自動淡入白底
ABOUT
[全名 · 4-8 字]
[@handle · 職稱]
- [Bullet 1 · 15-20 字 · <strong> 標重點]
- [Bullet 2 · 15-20 字]
- [Bullet 3 · 15-20 字]
cs-screenshot-1仿 macOS 瀏覽器 chrome · 截圖 demo
[EYEBROW · LIVE DEMO]
[網址 · URL]
SCREENSHOT
16:9 截圖建議 1920×1080
[caption · 15-25 字]
FULL-BLEED IMAGE
1920×1080 主視覺 · 無 padding · 無 chrome
[Caption · 15-25 字]
[sub · 10 字]