SECTION PATTERN LIBRARY / V1

不知道元件怎麼搭？
先看完整的一段設計。

這裡不是整套網站，也不是單顆按鈕。每個組合樣板都示範「一個區段」如何安排內容、信任與下一步。選接近需求的，再交給 AI 更換文字、順序、品牌色與元件。

先看看整頁 Layout →
02 / TRUST & SERVICE

專業信任與服務入口

讓訪客先了解合作範圍、服務適合度與實際聯絡方式，而非只看到預約按鈕。

適合：心理／諮商／身體工作／教練與顧問

HOW WE WORK

先了解服務，再決定要不要聯繫

清楚說明適合的需求、服務方式和個人的選擇權，比迫切催促預約更重要。

示範內容｜正式站請填入真實服務、資格與聯絡方式

這樣的合作適合誰？

可能適合你

  • 希望先理解合作方式與內容的人
  • 願意確認自己的期待與服務界線的人

可能需要其他資源

  • 需要緊急或立即專業介入的人
  • 期待以一般介紹取代醫療診斷的人

此處僅示範資訊架構；正式網站請依服務領域確認限制與適用規範。

專業與服務資訊

服務形式
服務形式待設定
重要提醒
這是網站組合樣板，並未提供真實服務或預約。

這段設計適合放在哪裡？

服務介紹之後、聯絡入口之前。沒有實際資格與預約資訊時，先呈現服務界線，不建立假的送出按鈕。

要準備什麼？

服務介紹、適合與不適合情況；專業資格、政策和聯絡方式必須來自本人真實資料。

組成元件：ServiceFit + TrustInfo + CTASection

03–05 / FOOTER PATTERNS

頁腳不是只放網站名稱。你可以安排品牌說明、兩到三欄選單、社群與 RSS，再在最底部放版權、隱私權和條款連結。

示範連結不是已設置的正式服務，請交由 AI 替換成真實路由。

要準備哪些資料？

網站／品牌名稱、簡短定位、各欄選單與有效網址、社群連結，以及適合自身網站的隱私權或法律說明。沒有資料的欄位可以直接隱藏。

底層元件：SiteFooter + SocialLinks

看到喜歡的區段後，可以怎麼告訴 AI？

「我選的是＿＿ Layout，請在首頁的＿＿位置加入『＿＿組合樣板』。保留我的品牌色與文章／服務結構，替換成我的真實內容。先做 PR 預覽，等我確認再合併。」

回到網站規劃器 →