技能概述
Cobalt Grid 係 Zhangzara 系列入面最有「 quietly serious 」感覺嘅風格。電光鈷藍色 italic serif 字體 + 方格紙畫布 + 階梯式像素故障裝飾 + 纖細髮絲線，每一頁都像一份認真嘅設計研究刊物。
呢個 deck 係單一自包含 HTML 文件，排版、調色板、裝飾系統同 slide 模板全部一齊調校好。
觸發關鍵字
- cobalt-grid、zhangzara-cobalt-grid、Cobalt Grid
- editorial、design-research、considered、literary
- design trend or research report、studio annual or seasonal bulletin
- zhangzara
風格特徵
| 屬性 | 值 | |------|-----| | 配色 | 淺色（奶油色底 + 電光鈷藍 italic serif） | | 正式度 | 高（嚴肅、冷靜） | | 信息密度 | 中 | | 示範頁數 | 8 頁 | | 字體 | 電光鈷藍色 italic serif | | 裝飾元素 | 方格紙背景、階梯式像素故障裝飾、纖細髮絲線 |
視覺上係一套極其精準嘅學術/研究語言：方格紙背景營造 printed-ledger 嘅冷靜感，電光鈷藍色 italic serif 作為唯一 accent color 在標題和關鍵詞出現，階梯式像素故障裝飾提供微妙嘅數位感。整體感覺像一份精心排版嘅設計研究年報。
適用場景
推薦使用
- Design research bulletin / 設計研究刊物
- Art publication / 藝術出版物
- Curated trend report / 精選趨勢報告
- Studio annual / seasonal bulletin / 工作室年報
- Agency capabilities deck / 代理能力展示
- Architecture / art / academic deck
- 任何想要單一嚴格 accent color + 印刷帳本冷靜感嘅場景
不適合使用
- 需要溫暖、多色能量或休閒玩味語調嘅場景
- 嚴苛嘅鈷藍 + 奶油 + 柵格調色板太冷峻
使用方法
自然語言觸發
用 cobalt-grid 整一份 design research report
做一份 studio annual bulletin
zhangzara-cobalt-grid，幫我整 trend report
指定技能
用 zhangzara-cobalt-grid 技能生成
工作流程
- 克隆 example.html 到工作空間
- 替換內容 — headline、正文、數字、名稱、日期等，保持圖片佔位符尺寸一致
- 保護設計系統 — 絕唔好改字體、調色、柵格或拆裝飾元素
- 調整頁數 — 複製合適佈局或從底部刪除，更新頁碼
- 設計新佈局 — 需要新佈局時用同套設計語言從零設計
- 保留導航運行時 — deck 附帶嘅 keyboard handler 保持原樣
實際例子
例子 1：Design Research Bulletin
用戶：「用 cobalt-grid 整一份設計研究年報。」
生成結果：
- Cover：年報標題 + year + cobalt blue italic
- Editor's Note：編輯序言（serif 正文 + 引文）
- Research Themes：研究主題（方格紙背景 + cobalt headers）
- Findings：主要發現（數據 + 像素故障裝飾）
- Case Studies：案例分析
- Outlook：展望
- Credits：致謝
例子 2：Trend Report
用戶：「整一份 curated trend report，要有學術刊物感覺。」
生成結果：
- Cover：報告標題 + date
- Executive Summary：摘要
- Trend 1-3：趨勢分析（每個趨勢 1-2 頁）
- Data Appendix：數據附錄
- Methodology Notes：方法說明