PERSONAL WEBSITE · DESIGN STUDIO
從喜歡的設計開始打造自己的網站
不需要先懂程式或設計，看看不同網站怎麼呈現內容挑選喜歡的版型、風格和功能，讓 AI 協助你逐步完成自己的網站
YOUR OWN WEBSITE
選好方向後，開始規劃你的網站
選版型、品牌色、網站頁面與導航，產生一份能交給 AI 接續製作的規格。
選一個適合你的網站起點
先看看你想做哪一種網站，再比較不同的視覺風格。每個範例都可以打開實際體驗，不只是看首頁圖片。
KNOWLEDGE / BLOG
知識／部落格
適合記錄生活、分享觀點、整理知識與長期累積文章。可體驗搜尋、標籤、文章分類與閱讀功能。
HELPER / PROFESSIONAL
助人者／專業服務
適合心理師、療癒師、教練與顧問。可體驗服務介紹、合作流程、常見問題與預約入口。
紙墨 · 身體工作
透過觸碰、呼吸與身體覺察，留意長時間累積的緊繃與姿勢習慣。每次工作都先討論需求、接觸範圍與身體界線。
開啟 Demo →晨光 · 諮商心理
如果你正面對壓力、關係或情緒上的困擾，諮商可以是一段慢慢理解自己經驗的過程。服務資格、保密範圍與費用都應事先說明。
開啟 Demo →靜室 · 教練
教練式對話聚焦目標、選擇與行動。不是替你做決定，而是透過提問與回顧，讓你更清楚自己想往哪裡走。
開啟 Demo →植感 · 靈氣
靈氣可作為個人放鬆與身心覺察的體驗。這裡重視過程說明、知情同意與個人的舒適度，不宣稱能診斷、治療或保證改善疾病。
開啟 Demo →版型、組合、特效、元件 · 四座網站設計庫
先選 12 種整頁版型，再加入區段組合；依需求添加 7 組互動特效，最後探索 54 個可調整的功能元件。
LAYOUTS · STRUCTURAL DESIGN LIBRARY
版型庫 · 網站怎麼說故事
12 種獨立的網站結構與內容閱讀動線：六款知識內容、六款助人專業。比較首頁區塊如何排列，而不只看顏色或導覽列。
進入 12 種版型庫 →SECTION PATTERNS · COMPOSED SECTIONS
組合樣板庫 · 整段直接參考
不用先懂每個元件。先看「作品展示」與「服務信任入口」兩段完整設計，再讓 AI 幫你改內容、順序與品牌風格。
探索區段組合樣板 →MOTION · EFFECTS LIBRARY
特效庫 · 網站怎麼互動
Reveal、Stagger、Tilt／Spotlight、Zoom／Pan、磁吸按鈕、動態底線與 FAQ。實際播放與調整動效強度。
進入互動特效庫 →WEBSITE BLOCKS · COMPONENT LIBRARY
元件庫 · 網站怎麼組成
文章、首頁、服務、導覽、搜尋與各種內容排版。探索 54 個元件，切換四套風格，直接比較實際網站。
進入元件展示站 →全站搜尋與文章瀏覽 · 五種找內容的方法
搜尋不只有一個輸入框。依照訪客記得的是關鍵字、主題或日期，選擇最適合的入口。這五個元件可以各自使用，也能組合在同一個網站。
放大鏡 · 全站搜尋
點網站導覽列的放大鏡，直接跳出搜尋視窗，查找頁面、文章與服務；也能按 Ctrl+K／⌘K 開啟、Esc 關閉。
到網站試用放大鏡 → ARTICLE SEARCH關鍵字 · 文章搜尋
輸入文章標題、摘要、分類或標籤中的關鍵字，立即篩選文章清單，找到後直接開啟內頁。
試用文章搜尋 → TAG CLOUD標籤雲 · 依主題探索
不確定關鍵字時，可以從標籤開始瀏覽；點一下就只顯示擁有相同標籤的文章。
試試「資訊架構」標籤 → ARCHIVE MONTHS月份列表 · 回顧舊文章
依年月整理發表紀錄，列出每個月份有幾篇文章；點選月份就能查看該段時間的內容。
查看 2026 年 10 月文章 → POST CALENDAR文章日曆 · 按日期查找
在日曆上標出有文章的日期；只有實際有發文的日期可點擊，按下後顯示當天的文章。
查看 10 月 8 日文章 →