技能概述
Raw Grid 係 Zhangzara 系列入面最「硬淨」嘅風格。粗邊框、偏移陰影、粉紅/鼠尾草綠/墨色調色板 — 成個 deck 像一張直接有力嘅海報，唔使掩飾，自信滿滿。
呢個 deck 係單一自包含 HTML 文件，排版、調色板、裝飾系統同 slide 模板全部一齊調校好。
觸發關鍵字
- raw-grid、zhangzara-raw-grid
- raw、punchy、direct、modern
- startup pitch、accelerator demo day
- neo-brutalist
- zhangzara
風格特徵
| 屬性 | 值 |
|---|---|
| 配色 | 淺色（粉紅 + 鼠尾草綠 + 墨色） |
| 正式度 | 中-低（大膽、自信） |
| 信息密度 | 高（內容豐富） |
| 示範頁數 | 10 頁 |
| 字體 | 粗體無襯線（neo-brutalist 風格） |
| 裝飾元素 | 粗邊框、偏移陰影、幾何色塊 |
視覺上係一套新粗野主義語言：厚實嘅邊框同偏移陰影營造出圖形化嘅直接感，粉紅 + 鼠尾草綠 + 墨色嘅配色既有對比又唔刺眼。高信息密度令呢個 deck 成為數據密集型展示嘅理想選擇。
適用場景
推薦使用
- Founder pitches / 創始人推介
- Accelerator demos / 加速器演示
- Brand decks / 品牌展示
- Indie launches / 獨立品牌發佈
- Creator portfolios / 創作者作品集
- Stat slides / 數據展示頁
- Comparison tables / 比較表格
- Process flows / 流程圖
不適合使用
- 需要柔和、溫暖、安靜感覺嘅場景
- 粗野主義邊框太「大聲」嘅場合
使用方法
自然語言觸發
用 raw-grid 整一份 startup pitch deck
做一份 accelerator demo，brutalist 風格
zhangzara-raw-grid，幫我整 brand deck
指定技能
用 zhangzara-raw-grid 技能生成
工作流程
- 克隆
example.html到工作空間。 - 替換內容 — headline、正文、數字、名稱、日期等，保持圖片佔位符尺寸一致。
- 保護設計系統 — 絕唔好改字體、調色、柵格或拆裝飾元素。
- 調整頁數 — 複製合適佈局或從底部刪除，更新頁碼。
- 設計新佈局 — 需要新佈局時用同套設計語言從零設計。
- 保留導航運行時 — deck 附帶嘅 keyboard handler 保持原樣。
實際例子
例子 1：創始人 Pitch
用戶：「用 raw-grid 整一份 founder pitch deck。」
生成結果：
- Cover：公司名稱 + tagline（粗體 headline，粗邊框）
- Problem：問題定義（大字 + 色塊）
- Solution：解決方案
- Market：市場規模（數據卡片）
- Business Model：商業模式
- Traction：進展數據（對比表格）
- Team：團隊介紹
- Ask：融資需求
例子 2：加速器 Demo Day
用戶：「整一份 accelerator demo day deck，要 punchy。」
生成結果：
- Cover：公司 + demo day 標題
- One-liner：一句話介紹
- The Product：產品展示（圖片 + 簡短說明）
- Why Now：時機分析
- Metrics：關鍵指標（數據卡片）
- Go-to-Market：市場進入策略
- Roadmap：發展路線圖