液態變形首頁

安裝

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

包含的區段

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

1. 1

   液態英雄區與導覽列

   區塊內 sticky 導覽列搭配 Metaball 液態畫布英雄區，含即時色票、互動提示與三項關鍵數據。

   hero
2. 2

   合作品牌信任列

   以細長橫帶列出六個正在使用液態引擎的品牌名稱，建立信任感。

   misc
3. 3

   引擎四大特色

   四宮格卡片說明 Metaball 引擎、品牌色域鎖定、圖層混合與多格式匯出。

   features
4. 4

   編輯器實演

   模擬 morpho.studio 視窗，左側液態主視覺、右側流體參數滑桿與程式碼片段。

   product
5. 5

   使用者見證

   三張設計師與工程師的推薦卡片，附漸層頭像與職稱。

   testimonial
6. 6

   三階訂閱方案

   漣漪、潮汐、深海三種方案卡片，中間方案標示最多人選。

   pricing
7. 7

   啟航行動呼籲

   置中玻璃卡片的結尾邀請，附免費開始與回到頂端看變色雙按鈕。

   cta
8. 8

   品牌頁尾

   品牌敘述、社群圖示、三欄連結與版權列組成的深色頁尾。

   footer