— Design selection · LBA homepage · Round 4

v11 金壇進階版。
文字 疊照片、Hover 動態。

第四輪新增 v11 金壇進階版。基於 v9(已被選定方向),修正三件事:(1) Hero 移除白底卡片框,文字直接疊在 must_4 觀音庭園照片上,用 text-shadow + gradient overlay 確保可讀;(2) 移除無意義留白,照片完全橫向填滿;(3) 加入大量 hover 互動(卡片浮起、標題放大變色、圖片緩慢 zoom、滑入時頂端金線拉開等)。v10 淺藍版按反饋已棄。

Round 3 — Reference v9 受好評但 hero 白框需移除(已成 v11) · v10 淺藍系已棄

  1. 09 / 11 金壇 v1 Fortune Almanac · 原版 Hero 框待改 原始版本。Hero 用白底卡片框,被指 hero 框太大遮住照片 → v11 已修正。其他部分(配色、字型、條列)被選定為定稿方向。
  2. 10 / 11 雲青舍 Sky Vault · 淺藍系 Rejected 淺藍配色已被棄。米白 + 雲青 + 海軍藍 + 砂金 + 玫瑰紅。

Round 2 — Reference v6 字偏小不夠 auspicious / v7 受好評(已演化為 v9 v11) / v8 顏色受好評

  1. 06 / 08 圓相清水 Circle of Stillness Photos 米白底、墨黑、朱印紅、草綠。觀音 hero、水墨圓相做章節背景、禪堂照片散布全頁。安靜禪意配現代編輯氣質,留白優雅。
  2. 07 / 08 山舍綠野 Mountain Studio · Magazine Photos 奶米色 + 苔蘚綠 + 焦糖橘 + 磚紅。Kinfolk / Cereal magazine 風,大幅夏天場地照當 hero,大標題襯線+小字 sans。雜誌 spread 質感濃。
  3. 08 / 08 紀年選輯 Anthology · Editorial Zine Photos 米黃 + 深咖啡 + 焦糖橘 + 海藍綠 + 朱紅。「Plate I, II, III」般紀念冊感,觀音 hero、深咖底佛壇 mosaic、Editor's Letter 插頁、書頁感版面。資訊條列最清楚。

Round 1 — for reference only v3 / v4 設計感受好評但仍待調整 · v1 / v2 / v5 已淘汰

  1. 03 / 08 山水禪境 Misty Mountains No photos 象牙黃、深森林綠、燒赭橘。編輯雜誌氣質,大標題不對稱版面,CSS 山形剪影。設計感受好評但缺照片。
  2. 04 / 08 夜寺燈火 Night Vigil Too dark 深夜青、燭金、朱砂。CSS 月亮、燭火光暈。設計感受好評但「太黑」,新版改走亮色路線。
  3. 01 / 08 茶屋禪 Tea House Quietude Too plain 米白茶綠系。條列清楚是優點,但設計感不足。
  4. 02 / 08 經典書院 Classical Almanac Rejected 朱印紅、楷宋字、雙線框。傳統中文書版風格。
  5. 05 / 08 數位寺院 Archive Temple Rejected 純白、號誌橙、鈷藍、等寬字、Brutalist 表格化。文獻氣最重。

Round 2 用了哪些照片

  • 觀音菩薩立像 (IMG_1978) — Hero · v6 / v8
  • 禪堂全景 (IMG_1906) — Featured event
  • 禪堂朝佛壇 (IMG_1907) — Practice card
  • 佛壇特寫 (IMG_1908) — 大殿 mosaic
  • 念佛共修 (IMG_1912) — 月念佛 card
  • 香爐 (IMG_1976) — mosaic 點綴
  • 大殿夏景 (89.jpg) — Place 對照
  • 園區夏景 (92.jpg) — v7 Hero
  • 大殿雪景 (AVRC_1) — Place 主圖
  • 水墨圓相 (4 張) — 章節背景與裝飾
  • LBA Logo — Header / Footer

共通技術原則(全部 8 個版本)

  • 無第三方 JS / CDN / 字型 / 外部圖片
  • 純系統字型棧
  • JS 失效時所有內容仍可閱讀
  • 無追蹤、無廣告、無留言
  • Email 明文顯示
  • 每版都支援 prefers-color-scheme(暗色,可選)
  • 所有按鈕為 placeholder 連結
  • 列印 CSS 預備