網格顯影首頁

安裝

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

包含的區段

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

1. 1

   導覽列與顯影網格英雄區

   導覽列搭配主標語與 18 格作品網格，游標移動即逐格顯影、點擊放大檢視，並附客戶跑馬燈。

   hero
2. 2

   服務項目

   四張服務卡片介紹品牌識別、網站體驗、產品介面與動態設計，滑過即浮現漸層顯影。

   features
3. 3

   數據成績

   四項工作室數據以進入視窗後的數字滾動呈現完成專案、服務品牌、設計獎與回頭率。

   stats
4. 4

   精選案例

   三個代表案例以視差瀏覽器視窗左右交錯展開，可點擊放大看完整案例細節。

   gallery
5. 5

   暗房四步驟

   以曝光、顯影、定影、放相四個階段說明工作室的專案推進方法。

   timeline
6. 6

   客戶見證

   三則客戶推薦語搭配漸層頭像與職稱，佐證合作成果與信任感。

   testimonial
7. 7

   行動呼籲

   網格底紋與漸層光暈襯托的結尾邀約，引導預約專案諮詢或直接來信。

   cta
8. 8

   頁尾

   品牌標誌、聯絡資訊、社群連結與三欄網站導覽構成的深色頁尾。

   footer