沉浸式 3D 旅程

安裝

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

包含的區段

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

1. 1

   導覽與開場

   深空星場 canvas 搭配區塊內導覽列與滿版標題，捲動時標題位移、放大並模糊淡出。

   hero
2. 2

   深空門廊旅程

   sticky 釘固的 CSS 3D 走廊，捲動穿越五道發光的門並同步切換章節字幕與側欄索引。

   timeline
3. 3

   抵達與宣言

   抵達敘事段落接續釘固的巨大宣言文字，隨捲動逐字由暗轉亮聚焦。

   content
4. 4

   工作室能力

   四張帶強調色光暈的能力卡片，進入視窗依序淡入並在滑入時顯示了解更多。

   features
5. 5

   數據列

   四格髮絲線分隔的成績數字，以冰藍到紫的漸層字呈現工作室戰績。

   stats
6. 6

   精選作品

   雙欄作品卡以 CSS 視窗框模擬網站畫面，內層漸層隨捲動做視差位移。

   gallery
7. 7

   結尾行動呼籲

   紫色光暈中央的邀約標題與雙按鈕，邀請訪客替品牌造一道門。

   cta
8. 8

   頁尾

   品牌標記、導覽連結與圓形圖示列，底部附上版權標語。

   footer