# 全職設計視角 (Full-time Design Perspective)

「全職設計視角」是一套專門為網頁設計師、業務、接案工作者以及中小企業團隊打造的**作品級完整靜態網站樣板展示系統**。我們拒絕粗製濫造的量產公版，本專案中的 24 套樣板皆基於獲獎網頁設計大師的視覺思維與排版語彙，進行一對一手工雕琢。

>
> [示範網站](https://donma.github.io/Omniscient-Gemini3.5-Flash/)
>

>主要透過 Gemini 3.5 Flash 生成
 

---

## 🚀 生成模型與技術標記
本專案所有樣板與大廳系統均採用以下人工智慧模型進行全套手工編寫與架構設計：
- **核心生成模型 (Main Generation Model)**: **Gemini 3.5 Flash**
- **審查與優化模型 (Review & QA Model)**: **Gemini 3.5 Flash**
- **生成日期 (Generated Date)**: 2026-05-28
- **技術架構**: 純 HTML5, CSS3, JavaScript (ES6+), 無任何編譯步驟（No React, No Vue, No Build Steps），相容於雙擊 `file://` 直接瀏覽與 Live Server 本地部署。

---

## 📊 專案規格與交付項目
- **樣板總數**: 24 套完全獨立設計的網站樣板
- **子網頁規格**: 每套樣板均嚴格包含 **12 個核心業務頁面**（無任何 Coming Soon 預留頁）
- **總網頁數量**: 288 個 HTML 實體頁面（24 套 × 12 頁）
- **色彩風格平衡**: 深色模式 (Dark Mode) 12 套，淺色模式 (Light Mode) 12 套，完美均衡分佈。
- **視覺防重複率**: 卡片佈局、網頁節奏、Hero Banner 結構經由 `data/layout-assignment.json` 定義，版型重合度低於 20%。

---

## 📁 目錄結構說明
```text
index.html                     # 展示大廳主頁面入口
template-detail.html           # 樣板詳情與 Prompt 查閱頁面
README.md                      # 本說明文件
assets/
  css/
    gallery.css                # 展示大廳專用樣式
  js/
    gallery.js                 # 展示大廳篩選、搜尋與渲染邏輯
    data.js                    # 靜態資料庫 (用於跨域與 file:// 容錯)
  img/
    previews/
      template-001.jpg         # 各樣板實體網頁 Edge 截圖 (T001-T024)
data/
  templates.json               # 樣板中繼資料庫
  layout-assignment.json       # 24套樣板排版與差異定義表
templates/                     # 24 套樣板目錄
  template-001-luxury-bar/     # 001 奢華酒吧樣板 (深色沉浸)
  ...
  template-024-community-festival/ # 024 社區生活節樣板 (淺色繽紛)
```

---

## 🛠️ 驗收與結構預檢
本專案配置了自動化結構掃描腳本 `scratch/verify_templates.js`，可針對全體樣板的 12 頁面完整性、設定檔（`template.json`、`tags.json`）及資源目錄（`style.css`、`main.js`、`image-sources.md`）進行完整性掃描，確保零死鏈、零缺失資源。

### 執行掃描指令：
```bash
node scratch/verify_templates.js
```
*驗收狀態：24套樣板與 288 個 HTML 檔案結構預檢 100% 成功通過。*