巨字遮罩首頁

安裝

整頁原始碼會落在 app/templates/text-mask-home/。也可以改用長效授權金鑰：在 components.json 的 registries 設定 Authorization: Bearer <key>，適合 CI 或多人共用的專案。使用範圍見授權條款。

包含的區段

同一套模板內的區段共用設計 token，所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。

1. 1

   巨字遮罩主視覺

   導覽列加上「MONO」巨字粒子遮罩，捲動時字放大穿入可變字型工作台。

   hero
2. 2

   數據統計帶

   四項關鍵指標橫幅，進入視窗時依序淡入上浮。

   stats
3. 3

   產品功能

   六張滑鼠磁吸光暈卡片，說明字型引擎的完整基礎建設。

   features
4. 4

   三步導入流程

   跑馬燈字帶搭配垂直進度線的三步驟導入說明。

   timeline
5. 5

   客戶案例

   三則客戶推薦語錄，附漸層頭像與職稱。

   testimonial
6. 6

   方案定價

   三種方案卡片並列，中間方案標示「最受歡迎」。

   pricing
7. 7

   結尾行動呼籲

   漸層光暈卡片中的巨型標語與雙行動按鈕。

   cta
8. 8

   頁尾

   品牌區塊、三欄連結與版權列的完整頁尾。

   footer