個人/開發者作品集整站：Hero、精選專案、關於、技能、聯絡
SaaS 產品行銷站：Hero、功能、Bento、社會證明、定價、CTA
AI Agent/應用落地頁：AI 輸入示意、功能、效益、定價
開發者工具/API 落地頁：程式碼片段、功能亮點、定價
App 落地頁：互動式 App 預覽、行動優先、下載 CTA
生產級 SaaS 起手式：行銷頁 + 認證/儀表板預覽區
個人網站：about/work/writing + spotlight hover + 內建部落格
AI 生成應用 + 行銷頁：生成 UI、token 經濟、市集
長篇 scrollytelling：單一連續敘事逐段展開、滾動綁定動畫
滾動驅動 CSS 3D 產品旋轉/拆解/定位，規格逐步揭示
專案深度頁：背景影像隨區段變形填滿、融合動態與文案
全視窗 canvas Hero：流體/粒子/扭曲隨游標與滾動反應
CSS 3D 空間旅程，滾動穿越走廊/門揭示各章內容
滾動逐幀推進背景影片的電影感 Hero + 文字疊層
置頂畫布劇場隨捲動換幕，章節文字同步淡入（Codex 式滾動敘事）
英雄區是會打字執行的終端機，指令逐行輸出、游標閃爍、輸出驅動下方內容亮起
滿版粒子場受游標引力/斥力擾動，標題字元也被輕微吸引
英雄程式碼區塊在多種語言/框架間平滑 morph，行號與高亮同步過渡
左側章節文字捲動、右側視覺釘固換場，進度点導覽可點擊跳章
導覽與 CTA 磁吸游標，英雄大字逐字浮起，區塊進場帶方向感
canvas 流場（flow field）粒子隨 Perlin 式向量場流動，游標攪動流向
捲動進度擦除英雄「幀序列」（程序生成漸層幀），文字疊層逐段換
英雄是多層 3D 傾斜卡場景，滑鼠移動整組視差傾斜，卡片各自景深
超巨標題字腔內填動態漸層/粒子，捲動時字縮放成視窗遮罩穿入內容
深色頁面由游標聚光燈照亮，區塊被照到才顯影，CTA 常亮
三層反向速差跑馬燈與大字交錯，hover 減速、點擊反向
背景多個液態 blob 緩慢融合變形（metaball 感），跟隨捲動改變配色
英雄提示「按任意鍵」，按鍵觸發對應動畫（字母彈出/波紋/音符感）
滿版格網 hover 逐格顯影內容縮圖，點擊格子放大為區塊
捲動穿越一連串放大門戶（圓形/方形遮罩），每層是一個章節
左側程式碼可切換範例、右側預覽即時演示動畫效果（模擬 playground）
模擬音訊等化器律動驅動背景與卡片縮放，可點擊切換節奏
整頁以 Bento 網格組織：英雄/功能/數據/評價都在格子裡
滿版漸層/圖形視覺為主，文字疊在視覺上，區塊間滿版切換
大產品截圖（CSS 視窗框）為主角，功能點環繞標註
語言切換示意+在地化內容區塊的國際化 SaaS 排版
法式小酒館形象站：主廚故事、季節菜單、訂位、氛圍展示
精品房仲：精選物件卡、地區搜尋、成交數據、顧問團隊
深度旅遊行程：目的地卡、行程日程軸、旅客評價、季節推薦
單頁婚禮邀請：倒數、故事時間軸、流程、地點、出席回覆
律師事務所形象站：專業領域、律師團隊、案例成果、預約諮詢
親切牙科診所：服務項目、醫師介紹、就診流程、線上預約
兒童教育機構：課程色卡、師資、教室環境、體驗課報名
極簡建築事務所：作品集網格、設計理念、獎項、委託流程
獨立樂團官網：巡演日程、最新專輯、MV、周邊、歌迷通訊
人像攝影工作室：作品集瀑布流、方案價格、拍攝流程、檔期預約
服飾品牌電商首頁：新品輪播、分類入口、造型精選、會員招募
完整商品詳情頁：圖廊、規格選擇、評價、推薦、置底購買列
限量球鞋抽籤發售：倒數、尺寸登記、發售日曆、抽籤規則
保養美妝品牌：明星商品、成分故事、膚質測驗、套組優惠
北歐家具電商：情境分區、材質故事、空間靈感、量尺服務
生鮮雜貨快送：分類速購、限時特惠、食譜連購、配送時段
個人理財儀表板：資產總覽、收支圖表、預算進度、交易列表
看板專案管理介面：多欄任務卡、篩選列、成員頭像、進度統計
即時通訊介面：對話列表、聊天氣泡、輸入中指示、貼圖面板
三欄郵件應用：資料夾、郵件列表、閱讀窗格、撰寫彈窗
音樂串流介面:正在播放、歌單網格、歌詞滾動、播放佇列
交易所介面：行情列表、K 線區、下單面板、資產分佈
數位新聞雜誌首頁：頭條、分類區塊、專題、即時榜、訂閱牆
食譜內容站：精選食譜卡、步驟頁示意、食材清單、分類探索
電影評論站：本週影評、評分星等、片單專題、影人訪談
Webinar 報名頁：議程、講者、倒數、報名表單、常見問題
新書預購頁：書封展示、章節搶先讀、作者介紹、預購方案
手遊預約頁：世界觀、角色圖鑑、玩法特色、事前登錄獎勵