技能概述
BlockFrame 係 Zhangzara 系列入面最 pop-graphic 嘅新野蠻主義風格。pastel-neon 色塊 + 粗黑邊框，每一頁都像一張設計感強烈嘅 pop-art 海報。
呢個 deck 係單一自包含 HTML 文件，排版、調色板、裝飾系統同 slide 模板全部一齊調校好。
觸發關鍵字
- block-frame、zhangzara-block-frame、BlockFrame
- bold、playful、confident、graphic
- creative agency pitch、indie SaaS launch
- zhangzara
風格特徵
| 屬性 | 值 | |------|-----| | 配色 | 淺色（pastel-neon 色塊 + 粗黑邊框） | | 正式度 | 中低（自信、玩味） | | 信息密度 | 高 | | 示範頁數 | 10 頁 | | 字體 | 現代無襯線 + 粗體標題 | | 裝飾元素 | 色塊、粗黑邊框、幾何形狀 |
視覺上係一套完整嘅 neobrutalist 語言：柔和 neon 色（粉、藍、綠、黃）被粗黑邊框框住，形成 pop-graphic 效果。信息密度高但唔會亂，因為粗黑邊框提供咗清晰嘅視覺分界。
適用場景
推薦使用
- Indie SaaS 產品發佈
- Creative agency 作品集 / credential deck
- 品牌重新設計（rebrand）展示
- Creative review / 設計審查
- 科技 / 金融 / 研究 deck（想展現自信同現代感）
- 任何需要 pop-graphic 設計主導感嘅場景
不適合使用
- 需要安靜機構級克制嘅場景（合規披露）
- 正式法律簡報
使用方法
自然語言觸發
用 block-frame 整一份 SaaS launch deck
整一份 agency credential，pop-graphic 風格
zhangzara-block-frame，幫我做品牌 rebrand deck
指定技能
用 zhangzara-block-frame 技能生成
工作流程
- 克隆 example.html 到工作空間
- 替換內容 — headline、正文、數字、名稱、日期等，保持圖片佔位符尺寸一致
- 保護設計系統 — 絕唔好改字體、調色、柵格或拆裝飾元素
- 調整頁數 — 複製合適佈局或從底部刪除，更新頁碼
- 設計新佈局 — 需要新佈局時用同套設計語言從零設計
- 保留導航運行時 — deck 附帶嘅 keyboard handler 保持原樣
實際例子
例子 1：Indie SaaS Launch
用戶：「用 block-frame 整一份 SaaS 產品發佈 deck。」
生成結果：
- Cover：產品名 + tagline + pastel block 背景
- Problem：痛點列表（每項一個色塊卡片）
- Solution：功能亮點 grid
- Pricing：pricing table（色塊卡片風格）
- Traction：growth metrics + neon charts
- Testimonials：用戶引言卡片
- CTA：粗黑邊框 CTA 按鈕
例子 2：Agency Credential
用戶：「整一份 creative agency 作品集，要 pop-graphic 風格。」
生成結果：
- Cover：agency name + bold tagline
- About：agency story + team photos placeholder
- Services：service cards（每個服務一個色塊）
- Case Studies：project thumbnails + descriptions
- Clients：logo wall
- Process：流程圖（色塊 step cards）
- Contact：聯絡資訊