不對稱首頁

安裝

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

包含的區段

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

1. 1

   導覽與偏軸主標

   靜態導覽列搭配偏移式巨型標題、視差漸層視窗與重疊宣言卡的英雄區。

   hero
2. 2

   傾斜跑馬燈字帶

   深色微傾斜的無限橫向滾動字帶，交錯實心與描邊字重複播放服務關鍵字。

   misc
3. 3

   我們做什麼

   五張高低錯落的服務卡片配上虛線宣言小卡，構成刻意不對齊的服務網格。

   features
4. 4

   精選作品

   三則案例以左右交錯的漸層視覺搭配重疊旋轉文字卡與描邊巨型編號呈現。

   gallery
5. 5

   偏軸方法論

   深色底的四步驟流程清單，逐列錯位縮排並在滑過時整列右移。

   timeline
6. 6

   客戶引言與數據

   左側大字客戶引言與署名，右側階梯狀排列的四項工作室數據。

   testimonial
7. 7

   聯絡行動呼籲

   朱紅色圓角區塊與故意出界的圓形裝飾，帶出信箱聯絡按鈕與回覆說明。

   cta
8. 8

   頁尾資訊

   錯落欄位的頁尾，含工作室簡介、座標、網站地圖、社群連結與辦公時間。

   footer