# Omniscient BigPickle — 全職設計視角

> 由 AI 模型 **BigPickle** 於 2026 年生成驅動 · 90 套專業網站樣板展示館

**全職設計視角**是一個大規模靜態網站樣板集合，由 90 套獨立設計的完整多頁網站樣板組成，橫跨 25 種版型與 15+ 產業類別。每一套樣板都是從零開始構思的設計作品，配備 12 頁完整內容，而非一般公版集合僅更換顏色與文字的廉價做法。

本專案完全以 **BigPickle** 模型進行設計生成與內容創作，展現 AI 在網頁設計領域所能達到的專業廣度與細節深度。

>[線上展示](https://donma.github.io/Omniscient-BigPickle)

---

## 目錄

- [專案願景](#專案願景)
- [核心數據](#核心數據)
- [產業覆蓋](#產業覆蓋)
- [25 種版型](#25-種版型)
- [90 套樣板完整目錄](#90-套樣板完整目錄)
- [技術架構](#技術架構)
- [檔案結構](#檔案結構)
- [樣板命名規則](#樣板命名規則)
- [每套樣板包含](#每套樣板包含)
- [啟動方式](#啟動方式)
- [ZIP 打包與下載](#zip-打包與下載)
- [瀏覽器相容性](#瀏覽器相容性)
- [開發與擴展](#開發與擴展)
- [生成資訊](#生成資訊)
- [授權條款](#授權條款)

---

## 專案願景

在傳統網頁設計流程中，產出一套完整的多頁設計需要設計師、前端工程師、內容撰寫者協作數天甚至數週。**全職設計視角** 證明了 AI — 具體而言是 **BigPickle** 模型 — 能夠大規模產出高品質、多樣化、具備實際可用性的網站樣板，涵蓋從 Landing Page 到企業官網、從電商平台到知識中心的各種場景。

本專案不僅是樣板集合，更是一次設計實驗：探討 AI 是否能掌握版型節奏、色彩系統、資訊層級、響應式佈局以及產業語境等設計師日常面對的核心課題。

### 設計哲學

- **多樣性優先**：90 套樣板，每套保證與其他 89 套至少有 4 個結構差異
- **內容驅動**：每套 12 頁完整內容，非 Lorem Ipsum 填充
- **產業語境**：色彩、字體、語氣皆配合產業特性
- **可實踐性**：所有樣板皆為可直接使用的 HTML/CSS/JS

---

## 核心數據

| 項目 | 數值 | 備註 |
|------|------|------|
| 樣板總數 | **90 套** | 每套獨立設計，無重複 |
| 頁面總數 | **1,080 頁** | 90 套 × 12 頁/套 |
| 版型類型 | **25 種** | 從 Hero 到視差故事書 |
| 產業類別 | **15+ 類** | 科技、金融、醫療、教育等 |
| HTML 檔案數 | **1,080+** | 不含 assets 資源 |
| 總檔案數 | **1,710+** | 含 CSS、JS、圖片等 |
| 生成模型 | **BigPickle** | 2026 年版 |
| 生成年份 | 2026 | |

---

## 產業覆蓋

90 套樣板按 `industryCategory` 分類涵蓋以下產業：

| 產業類別 | 樣板數量 | 代表樣板 |
|----------|----------|----------|
| 美容健康 | 9 套 | 墨染壽司、澄境瑜珈、琥珀飾品、光映攝影、流動瑜珈、秋末紅葉、紅色酒莊、純粹保養 |
| 零售商品 | 8 套 | 晨光烘焙、織光織品、竹韻茶事、風味鹹派、春芽綠茶、綠色脈動、琥珀光學、松煙墨坊 |
| 創意設計 | 8 套 | 花語花藝、潮浪衝浪、光合植栽、靜好歲月、冬雪溫泉、紫色薰衣草、靛藍織品、星辰占星 |
| 空間生活 | 7 套 | 澄境瑜珈、露森香氛、慢火料理、暖心設計、橘色溫暖、城市農夫、深夜食堂 |
| 旅遊休閒 | 7 套 | 微光咖啡、悅耳音樂、初心皮件、簡約保養、小巷秘境、粉色夢境、藍色珊瑚 |
| 科技商務 | 7 套 | 巖燒牛排、頑石寵物、悠活健身、燦爛煙火、城市農夫、綠色脈動、靛藍織品 |
| 專業服務 | 7 套 | 草木家居、綠境花園、墨韻茶香、漂流木工藝、鐵木家具、墨色咖啡館、琥珀光學 |
| 餐飲甜點 | 7 套 | 森活旅宿、彩虹派對、時光書屋、夏日冰淇淋、山丘麵包、藍色珊瑚、龍騰武術館 |
| 教育課程 | 6 套 | 藍圖設計、自由之丘、雲想衣裳、碧海潛水、銀杏時光、純粹保養 |
| 個人品牌 | 6 套 | 暖陽農場、銀河科技、松煙墨坊、山丘麵包、薔薇保養、蝶舞瑜珈 |
| 地方品牌 | 6 套 | 雲端學院、靜心冥想、海鹽甜點、光之教堂、金色年華、蝶舞瑜珈 |
| 居家生活 | 5 套 | 鏡像攝影、味覺旅行、巷弄咖啡、秘境探險、薄荷牙醫 |
| 寵物服務 | 5 套 | 星塵美容、數位方舟、綠洲花坊、暖香花茶、黑色音符 |
| 活動組織 | 5 套 | 嵐山茶坊、樂齡生活、彩虹派對、暖心室內、鐵木家具 |
| 美妝美業 | 5 套 | 穗月甜點、飛翔戶外、山間小路、流動瑜珈、灰階設計 |
| 其他 | 3 套 | 白晝之夜市集、稻穗農產、鶴髮太極學院 |

---

## 25 種版型

每種版型對應不同的內容策略與視覺節奏：

| # | 版型名稱 | 適合場景 | 使用樣板數 |
|---|----------|----------|-----------|
| 1 | 大圖沉浸式 Hero | 品牌形象、產品發表 | 4 |
| 2 | 左右分割 Split Layout | 對比呈現、A/B 比較 | 4 |
| 3 | Magazine 雜誌式首頁 | 媒體、內容平台 | 4 |
| 4 | Masonry 作品牆 | 設計工作室、攝影集 | 4 |
| 5 | 商品型 Grid Catalog | 電商、型錄 | 4 |
| 6 | Storytelling 長卷軸 | 品牌故事、募資頁 | 4 |
| 7 | Bento Grid 現代資訊版 | SaaS、儀表板 | 4 |
| 8 | Editorial 文字導向 | 專欄、深度報導 | 4 |
| 9 | Dashboard 數據型 | 分析平台、報表 | 4 |
| 10 | Event 活動型 | 研討會、發表會 | 4 |
| 11 | Left Rail 左側導覽 | 後台、管理系統 | 4 |
| 12 | Map 地圖場域型 | 旅遊、房地產 | 4 |
| 13 | Pricing 方案導向型 | 訂閱服務、方案比較 | 4 |
| 14 | Knowledge Hub 知識中心 | 說明文件、Wiki | 4 |
| 15 | Minimal 極簡多頁型 | 個人品牌、新創 | 4 |
| 16 | 全螢幕影片背景 | 娛樂、電影、遊戲 | 4 |
| 17 | 不對稱網格 | 時尚、藝術、前衛品牌 | 3 |
| 18 | 卡片牆串流風格 | 社群平台、內容聚合 | 3 |
| 19 | 時間軸式 | 歷史沿革、里程碑 | 3 |
| 20 | 分頁內容中心 | 產品規格、分類導覽 | 3 |
| 21 | 側欄雜誌風格 | 部落格、新聞網 | 3 |
| 22 | 漂浮構圖 | 實驗性、創意型網站 | 3 |
| 23 | 斜角幾何分割 | 科技感、運動品牌 | 3 |
| 24 | 翻轉卡片互動 | 教育、問答、遊戲化 | 3 |
| 25 | 視差故事書 | 敘事型、品牌體驗 | 3 |

---

## 90 套樣板完整目錄

### template-001 ~ template-010

| # | 品牌名稱 | 版型 | 產業 | 色系 | 背景 |
|---|----------|------|------|------|------|
| 001 | **墨染壽司** | 左右分割 Split Layout | 美容健康 | 黑金色 | light |
| 002 | **晨光烘焙坊** | Magazine 雜誌式首頁 | 零售商品 | 粉色柔和 | dark |
| 003 | **花語花藝設計** | Masonry 作品牆 | 創意設計 | 自然大地 | light |
| 004 | **澄境瑜珈中心** | 商品型 Grid Catalog | 空間生活 | 暖棕生活 | dark |
| 005 | **微光咖啡館** | Storytelling 長卷軸 | 旅遊休閒 | 高對比現代 | light |
| 006 | **巖燒牛排館** | Bento Grid 現代資訊版 | 科技商務 | 綠色自然 | dark |
| 007 | **草木家居生活** | Editorial 文字導向 | 專業服務 | 藍白信任 | light |
| 008 | **藍圖設計工作室** | Dashboard 數據型 | 教育課程 | 暖橘色系 | dark |
| 009 | **暖陽農場** | Event 活動型 | 個人品牌 | 白灰極簡 | light |
| 010 | **鏡像攝影工作室** | Left Rail 左側導覽 | 居家生活 | 科技漸層 | dark |

### template-011 ~ template-020

| # | 品牌名稱 | 版型 | 產業 | 色系 | 背景 |
|---|----------|------|------|------|------|
| 011 | **星塵美容沙龍** | Map 地圖場域型 | 寵物服務 | 大地色 | light |
| 012 | **嵐山茶坊** | Pricing 方案導向型 | 活動組織 | 自訂色系 | dark |
| 013 | **穗月甜點屋** | Knowledge Hub 知識中心 | 美妝美業 | 奶茶色 | light |
| 014 | **雲端學院** | Minimal 極簡多頁型 | 地方品牌 | 黑金色 | dark |
| 015 | **森活旅宿** | 全螢幕影片背景 | 餐飲甜點 | 粉色柔和 | light |
| 016 | **墨客書坊** | 不對稱網格 | 美容健康 | 自然大地 | dark |
| 017 | **織光織品** | 卡片牆串流風格 | 零售商品 | 暖棕生活 | light |
| 018 | **潮浪衝浪俱樂部** | 時間軸式 | 創意設計 | 高對比現代 | dark |
| 019 | **露森香氛** | 分頁內容中心 | 空間生活 | 綠色自然 | light |
| 020 | **悅耳音樂教室** | 側欄雜誌風格 | 旅遊休閒 | 藍白信任 | dark |

### template-021 ~ template-030

| # | 品牌名稱 | 版型 | 產業 | 色系 | 背景 |
|---|----------|------|------|------|------|
| 021 | **頑石寵物旅館** | 漂浮構圖 | 科技商務 | 暖橘色系 | light |
| 022 | **綠境花園設計** | 斜角幾何分割 | 專業服務 | 白灰極簡 | dark |
| 023 | **純粹保養美學** | 翻轉卡片互動 | 教育課程 | 科技漸層 | light |
| 024 | **築夢空間室內設計** | 視差故事書 | 個人品牌 | 大地色 | dark |
| 025 | **味覺旅行美食家** | 大圖沉浸式 Hero | 居家生活 | 自訂色系 | light |
| 026 | **數位方舟科技** | 左右分割 Split Layout | 寵物服務 | 奶茶色 | dark |
| 027 | **樂齡生活顧問** | Magazine 雜誌式首頁 | 活動組織 | 黑金色 | light |
| 028 | **飛翔戶外探險** | Masonry 作品牆 | 美妝美業 | 粉色柔和 | dark |
| 029 | **靜心冥想中心** | 商品型 Grid Catalog | 地方品牌 | 自然大地 | light |
| 030 | **彩虹派對策劃** | Storytelling 長卷軸 | 餐飲甜點 | 暖棕生活 | dark |

### template-031 ~ template-040

| # | 品牌名稱 | 版型 | 產業 | 色系 | 背景 |
|---|----------|------|------|------|------|
| 031 | **琥珀飾品設計** | Bento Grid 現代資訊版 | 美容健康 | 高對比現代 | light |
| 032 | **竹韻茶事** | Editorial 文字導向 | 零售商品 | 綠色自然 | dark |
| 033 | **光合植栽** | Dashboard 數據型 | 創意設計 | 藍白信任 | light |
| 034 | **慢火料理廚房** | Event 活動型 | 空間生活 | 暖橘色系 | dark |
| 035 | **初心皮件工坊** | Left Rail 左側導覽 | 旅遊休閒 | 白灰極簡 | light |
| 036 | **悠活健身中心** | Map 地圖場域型 | 科技商務 | 科技漸層 | dark |
| 037 | **墨韻茶香** | Pricing 方案導向型 | 專業服務 | 大地色 | light |
| 038 | **自由之丘生活選品** | Knowledge Hub 知識中心 | 教育課程 | 自訂色系 | dark |
| 039 | **銀河科技** | Minimal 極簡多頁型 | 個人品牌 | 奶茶色 | light |
| 040 | **巷弄咖啡香** | 全螢幕影片背景 | 居家生活 | 黑金色 | dark |

### template-041 ~ template-050

| # | 品牌名稱 | 版型 | 產業 | 色系 | 背景 |
|---|----------|------|------|------|------|
| 041 | **綠洲花坊** | 不對稱網格 | 寵物服務 | 粉色柔和 | light |
| 042 | **暖心室內設計** | 卡片牆串流風格 | 活動組織 | 自然大地 | dark |
| 043 | **山間小路戶外** | 時間軸式 | 美妝美業 | 暖棕生活 | light |
| 044 | **海鹽甜點坊** | 分頁內容中心 | 地方品牌 | 高對比現代 | dark |
| 045 | **時光書屋** | 側欄雜誌風格 | 餐飲甜點 | 綠色自然 | light |
| 046 | **光映攝影工作室** | 漂浮構圖 | 美容健康 | 藍白信任 | dark |
| 047 | **風味鹹派專賣** | 斜角幾何分割 | 零售商品 | 暖橘色系 | light |
| 048 | **靜好歲月生活館** | 翻轉卡片互動 | 創意設計 | 白灰極簡 | dark |
| 049 | **星辰占星諮詢** | 視差故事書 | 空間生活 | 科技漸層 | light |
| 050 | **簡約保養哲學** | 大圖沉浸式 Hero | 旅遊休閒 | 大地色 | dark |

### template-051 ~ template-060

| # | 品牌名稱 | 版型 | 產業 | 色系 | 背景 |
|---|----------|------|------|------|------|
| 051 | **燦爛煙火活動** | 左右分割 Split Layout | 科技商務 | 自訂色系 | light |
| 052 | **漂流木工藝坊** | Magazine 雜誌式首頁 | 專業服務 | 奶茶色 | dark |
| 053 | **雲想衣裳服飾** | Masonry 作品牆 | 教育課程 | 黑金色 | light |
| 054 | **松煙墨坊** | 商品型 Grid Catalog | 個人品牌 | 粉色柔和 | dark |
| 055 | **秘境探險旅遊** | Storytelling 長卷軸 | 居家生活 | 自然大地 | light |
| 056 | **暖香花茶館** | Bento Grid 現代資訊版 | 寵物服務 | 暖棕生活 | dark |
| 057 | **鐵木家具工坊** | Editorial 文字導向 | 活動組織 | 高對比現代 | light |
| 058 | **流動瑜珈空間** | Dashboard 數據型 | 美妝美業 | 綠色自然 | dark |
| 059 | **光之教堂婚禮** | Event 活動型 | 地方品牌 | 藍白信任 | light |
| 060 | **夏日冰淇淋屋** | Left Rail 左側導覽 | 餐飲甜點 | 暖橘色系 | dark |

### template-061 ~ template-070

| # | 品牌名稱 | 版型 | 產業 | 色系 | 背景 |
|---|----------|------|------|------|------|
| 061 | **秋末紅葉民宿** | Map 地圖場域型 | 美容健康 | 白灰極簡 | light |
| 062 | **春芽綠茶莊園** | Pricing 方案導向型 | 零售商品 | 科技漸層 | dark |
| 063 | **冬雪溫泉會館** | Knowledge Hub 知識中心 | 創意設計 | 大地色 | light |
| 064 | **深夜食堂居酒屋** | Minimal 極簡多頁型 | 空間生活 | 自訂色系 | dark |
| 065 | **手作溫度陶藝** | 全螢幕影片背景 | 旅遊休閒 | 奶茶色 | light |
| 066 | **城市農夫綠生活** | 不對稱網格 | 科技商務 | 黑金色 | dark |
| 067 | **墨色咖啡館** | 卡片牆串流風格 | 專業服務 | 粉色柔和 | light |
| 068 | **碧海潛水中心** | 時間軸式 | 教育課程 | 自然大地 | dark |
| 069 | **山丘麵包坊** | 分頁內容中心 | 個人品牌 | 暖棕生活 | light |
| 070 | **花園城堡婚禮** | 側欄雜誌風格 | 居家生活 | 高對比現代 | dark |

### template-071 ~ template-080

| # | 品牌名稱 | 版型 | 產業 | 色系 | 背景 |
|---|----------|------|------|------|------|
| 071 | **黑色音符音樂** | 漂浮構圖 | 寵物服務 | 綠色自然 | light |
| 072 | **白晝之夜市集** | 斜角幾何分割 | 活動組織 | 藍白信任 | dark |
| 073 | **灰階設計事務所** | 翻轉卡片互動 | 美妝美業 | 暖橘色系 | light |
| 074 | **金色年華樂齡** | 視差故事書 | 地方品牌 | 白灰極簡 | dark |
| 075 | **藍色珊瑚潛水** | 大圖沉浸式 Hero | 餐飲甜點 | 科技漸層 | light |
| 076 | **紅色酒莊品味** | 左右分割 Split Layout | 美容健康 | 大地色 | dark |
| 077 | **綠色脈動環保** | Magazine 雜誌式首頁 | 零售商品 | 自訂色系 | light |
| 078 | **紫色薰衣草莊園** | Masonry 作品牆 | 創意設計 | 奶茶色 | dark |
| 079 | **橘色溫暖志工** | 商品型 Grid Catalog | 空間生活 | 黑金色 | light |
| 080 | **粉色夢境美學** | Storytelling 長卷軸 | 旅遊休閒 | 粉色柔和 | dark |

### template-081 ~ template-090

| # | 品牌名稱 | 版型 | 產業 | 色系 | 背景 |
|---|----------|------|------|------|------|
| 081 | **靛藍織品設計** | Bento Grid 現代資訊版 | 科技商務 | 自然大地 | light |
| 082 | **琥珀光學眼鏡** | Editorial 文字導向 | 專業服務 | 暖棕生活 | dark |
| 083 | **銀杏時光咖啡** | Dashboard 數據型 | 教育課程 | 高對比現代 | light |
| 084 | **薔薇保養美學** | Event 活動型 | 個人品牌 | 綠色自然 | dark |
| 085 | **薄荷牙醫診所** | Left Rail 左側導覽 | 居家生活 | 藍白信任 | light |
| 086 | **橡木酒窖精選** | Map 地圖場域型 | 寵物服務 | 暖橘色系 | dark |
| 087 | **稻穗農產直送** | Pricing 方案導向型 | 活動組織 | 白灰極簡 | light |
| 088 | **鶴髮太極學院** | Knowledge Hub 知識中心 | 美妝美業 | 科技漸層 | dark |
| 089 | **蝶舞瑜珈教室** | Minimal 極簡多頁型 | 地方品牌 | 大地色 | light |
| 090 | **龍騰武術館** | 全螢幕影片背景 | 餐飲甜點 | 自訂色系 | dark |

---

## 技術架構

- **語言**：HTML5 + CSS3 + JavaScript（原生，無框架）
- **UI 框架**：Bootstrap 5（CDN）
- **圖示**：Bootstrap Icons（CDN）
- **字型**：Google Fonts（CDN）
- **部署**：純靜態網站，可放置於任何靜態託管服務
- **開啟方式**：支援 `file://` 協定直接離線瀏覽
- **建置需求**：**無** — 不需 Node.js、Webpack、Vite 等工具鏈

### 設計原則

- **響應式設計**：每套樣板皆適配桌面、平板與手機
- **無外部依賴安裝**：所有第三方資源透過 CDN 載入
- **無後端需求**：全部前端靜態檔案，無 PHP、資料庫
- **可獨立運作**：每套樣板資料夾可單獨複製使用

---

## 檔案結構

```
.
├── index.html                        # 主展示站首頁（樣板目錄）
├── template-detail.html              # 單一樣板詳情頁
├── README.md                         # 本說明文件
│
├── assets/
│   ├── css/
│   │   └── gallery.css               # 展示站共用樣式
│   ├── js/
│   │   ├── gallery.js                # 展示站互動邏輯
│   │   └── data.js                   # 樣板資料（內嵌）
│   └── img/
│       └── previews/                 # 樣板預覽縮圖
│
├── data/
│   ├── templates.json                # 樣板後設資料（90 套完整清單）
│   └── layout-assignment.json        # 版型分配與設計差異對照表
│
├── templates/
│   ├── template-001-sumi-sushi/      # 第 1 套樣板
│   │   ├── index.html
│   │   ├── about.html
│   │   ├── services.html
│   │   ├── ...                       # 共 12 頁
│   │   ├── css/
│   │   │   └── style.css
│   │   ├── js/
│   │   │   └── main.js
│   │   └── assets/
│   │       └── images/
│   ├── template-002-chenguang-bakery/
│   └── ...                           # 共 90 套
│
└── downloads/
    └── .gitkeep                      # ZIP 檔案放置處（待打包）
```

---

## 樣板命名規則

```
template-{編號}-{品牌英文 slug}/
```

- **編號**：3 位數，`001` ~ `090`
- **品牌 slug**：以英文小寫與連字號組成，對應品牌名稱
- 範例：`template-001-sumi-sushi/`、`template-042-nuanxin-interior/`

每套樣板資料夾內含 12 個 HTML 頁面、專屬 CSS、JS 與圖片資源，可獨立運作。

---

## 每套樣板包含

每套樣板皆包含以下 12 頁標準頁面：

| # | 頁面 | 說明 |
|---|------|------|
| 1 | `index.html` | 首頁 — 品牌訊息與核心價值 |
| 2 | `about.html` | 關於我們 — 公司沿革與團隊 |
| 3 | `services.html` | 服務項目 — 產品或服務介紹 |
| 4 | `portfolio.html` | 作品/案例 — 成功案例展示 |
| 5 | `blog.html` | 部落格列表 — 文章摘要 |
| 6 | `blog-post.html` | 文章內頁 — 完整文章內容 |
| 7 | `pricing.html` | 方案價格 — 方案比較表 |
| 8 | `faq.html` | 常見問題 — 問答集 |
| 9 | `contact.html` | 聯絡我們 — 表單與資訊 |
| 10 | `careers.html` | 人才招募 — 職缺列表 |
| 11 | `testimonials.html` | 客戶見證 — 評價與推薦 |
| 12 | `gallery.html` | 作品集/圖庫 — 視覺展示 |

---

## 啟動方式

### 本地瀏覽

直接用瀏覽器開啟 `index.html` 即可進入展示館首頁，瀏覽所有 90 套樣板。

```bash
# Windows（檔案總管點擊兩下，或）
start index.html

# macOS
open index.html

# Linux
xdg-open index.html
```

### 部署到伺服器

由於是全靜態網站，可直接上傳至任何靜態託管服務：GitHub Pages、Netlify、Vercel、Cloudflare Pages，或任何 HTTP Server（Nginx、Apache、IIS）。無需任何建置步驟，上傳即用。

---

## ZIP 打包與下載

每套樣板未來可提供 ZIP 獨立下載。目前展示站首頁已預留「下載 ZIP」按鈕，但實際 ZIP 檔案尚未生成。

### 預計打包方式

```powershell
# PowerShell — 逐一打包每套樣板
Get-ChildItem -Path "templates" -Directory | ForEach-Object {
    Compress-Archive -Path $_.FullName -DestinationPath "downloads/$($_.Name).zip"
}
```

```bash
# bash
for dir in templates/*/; do
  zip -r "downloads/$(basename "$dir").zip" "$dir"
done
```

---

## 瀏覽器相容性

| 瀏覽器 | 支援狀態 |
|--------|----------|
| Google Chrome 90+ | ✅ 完整支援 |
| Mozilla Firefox 88+ | ✅ 完整支援 |
| Microsoft Edge 90+ | ✅ 完整支援 |
| Safari 14+ | ✅ 完整支援 |
| Opera 76+ | ✅ 完整支援 |
| Internet Explorer | ❌ 不支援 |

---

## 開發與擴展

### 新增一套樣板

1. 在 `templates/` 下建立 `template-091-company-name/`
2. 加入 12 個 HTML 頁面及對應資源
3. 在 `data/templates.json` 註冊樣板後設資料
4. 在 `data/layout-assignment.json` 登記版型分類
5. 產生預覽縮圖置於 `assets/img/previews/`

### 自訂展示站樣式

修改 `assets/css/gallery.css` 即可調整展示館的視覺風格。

### 修改樣板資料

編輯 `data/templates.json`，格式為 JSON 陣列，每個物件代表一套樣板：

```json
{
  "id": 1,
  "slug": "template-001-sumi-sushi",
  "name": "墨染壽司",
  "industry": "美容健康",
  "layout": "左右分割 Split Layout",
  "colorTheme": "黑金色",
  "description": "..."
}
```

---

## 生成資訊

| 項目 | 內容 |
|------|------|
| 設計生成模型 | **BigPickle** |
| 模型版本 | BigPickle 2026 |
| 生成年份 | 2026 |
| 生成工具 | AI-assisted static template generation |
| 內容創作 | BigPickle — 包含文案、結構與設計決策 |
| 程式碼產生 | BigPickle — HTML/CSS/JS 全數由模型生成 |
| 人類角色 | 策展與品質驗證 |

### 關於 BigPickle

**BigPickle** 是一個大型語言模型，具備優秀的程式碼生成、設計理解與多語言內容創作能力。在本次專案中，BigPickle 獨立完成了：

- 90 套樣板的版型規劃與視覺設計
- 1,080 頁的 HTML 結構與內容撰寫
- 25 種不同版型的佈局系統實作
- 15+ 產業的語境與調性掌握
- 響應式設計與跨瀏覽器相容性
- 每套樣板之間至少 4 個結構差異的保證

---

## 授權條款

本專案的原始碼與設計檔案僅供個人學習與參考使用。未經授權不得用於商業目的。詳細授權條款請參閱個別檔案中的聲明。

---

*© 2026 Omniscient BigPickle. Generated with BigPickle AI model.*