01開啟完整版面 ↗FIELD NOTES
田野筆記
研究者、觀察者、慢速記錄者
欄位筆記、側邊編號目錄與標本式圖片
版面結構邊注索引 × 觀察日誌
LAYOUT LIBRARY / 12 DISTINCT DIRECTIONS
網站不只換顏色。
也可以換一種說故事的方法。
這裡比較的是整頁版面與資訊動線：先放什麼、哪裡留白、圖片與文字怎麼互相安排，以及訪客會如何往下閱讀。它不綁定原本的紙墨、晨光、靜室、植感四套視覺主題。
12 種完整首頁原型06 知識／內容06 助人／專業服務
EDITORIAL COMPOSITION LIBRARY / 40 RECIPES
網站的設計感，來自構圖選擇。
除了比較 12 款完整首頁，還能拆開看 12 種 Hero、8 種內容分區、6 種列表、6 種節奏和 8 種信任／CTA 形式。
KNOWLEDGE / EDITORIAL
知識與內容網站 06
不一定從文章卡片開始。試著比較田野觀察、長篇閱讀、課程路徑、策展收藏、聲音內容與年度主題索引的閱讀方法。
01開啟完整版面 ↗
02開啟完整版面 ↗THE ESSAYIST
長文書房
長文作者、評論者、專業專欄
刊物式大標題、精選長文與閱讀目錄
版面結構超大字體 × 單篇長讀
03開啟完整版面 ↗LEARNING LAB
學習實驗室
教師、課程設計者、知識整理者
學習路線圖、可勾選步驟與進度回饋
版面結構學習地圖 × 進度軌跡
04開啟完整版面 ↗THE CURATOR
收藏者目錄
編輯、選書人、收藏家、策展者
不對稱展牆、可展開藏品索引與編目
版面結構展牆拼貼 × 檔案索引
05開啟完整版面 ↗RADIO LETTER
聲音通信
Podcast 主持人、聲音創作者
深色播放舞台、集數列表與節目說明
版面結構深色廣播台 × 節目時間軸
THE READING ALMANAC2026十二個月的閱讀判斷
06開啟完整版面 ↗THE READING ALMANAC
閱讀年鑑
讀書筆記、知識整理者、長期寫作者
Claude 實作：無圖片巨大年份封面、月份分類、年度選書與編輯式目錄
版面結構巨型年份封面 × 十二個月線格 × 年度之書
CARE / PROFESSIONAL
助人者與專業服務 06
清晰的專業說明、溫柔的故事入口、身體感受、行動導向教練、多人工作室，以及訪客優先的信任路徑。
07開啟完整版面 ↗CLEAR PRACTICE
清晰臨床
諮商心理與重視服務界線的專業者
條理分明的專業資訊、資格核對區、服務適配
版面結構專業服務說明書 × 適配清單
08開啟完整版面 ↗A LETTER TO YOU
溫柔陪伴
關係導向、善於傾聽的陪伴者
邀請信開頭、敘事章節、低壓 CTA
版面結構一封信 × 故事式入口
09開啟完整版面 ↗BODY / RHYTHM
身體與節律
身體工作、呼吸、自然取向工作者
沉浸式攝影、慢速流程、身體同意與界線
版面結構滿版空間 × 感官時間線
10開啟完整版面 ↗MAKE A MOVE
實作型教練
教練、顧問、行動導向創作者
高對比報紙封面、行動清單、實作步驟
版面結構報紙式封面 × 方法步驟
11開啟完整版面 ↗COMMON GROUND
共好工作室
多專業團隊、社群與共同工作者
多人介紹牆、團隊節點與活動時間線
版面結構團隊拼貼 × 共學活動時間軸
A CLEAR FIRST STEP先知道，
再決定。● ─ ● ─ ● ─ ● ─ ●
12開啟完整版面 ↗再決定。● ─ ● ─ ● ─ ● ─ ●
THE TRUST PATH
信任路徑
心理師、教練、需要明確合作資訊的助人者
Claude 實作：深色編輯封面、五個服務節點、第一次會談資訊與清晰界線
版面結構訪客提問 × 五站路線 × 透明服務資訊
HOW TO CHOOSE
先選閱讀動線，
再決定顏色。
01．你希望訪客先做什麼？ 閱讀觀點、探索文章、跟著學習、收聽節目，還是確認專業服務。
02．你最主要的內容是什麼？ 長文、分類資料庫、課程、影像、影音、服務流程，會決定適合哪種首頁排列。
03．最後才調整品牌視覺。 色彩、字體、圓角、動效，都可以在選定版面結構後再更改。
到元件庫挑選區塊 ↗