deck-guizang-editorial
OpenDesign's FY26 marketing plan: brand-to-pipeline — audience, offer, channel mix, and the launch calendar that ties creative to growth. Built as a decision-grade marketing & GTM deck for CMO, growth lead, founder.
- License 许可
- MIT
- 最近更新
- 2026-11-14
- Stars
- ★ 1.1k
- Forks
- 104
01 前言 Front Matter
- od
- { "mode": "deck", "preview": { "type": "html", "entry": "index.html", "reload": "debounce-100" }, "surface": "web", "category": "marketing-gtm", "featured": 0.01, "scenario": "marketing", "upstream": "https://github.com/nexu-io/html-anything", "design_system": { "requires": false }, "example_prompt": "Create \"Write an Annual Marketing Plan like a World-Class CMO\" as a decision-grade Marketing & GTM deck in this template's own visual system. Subject: OpenDesign's FY26 marketing plan: brand-to-pipeline — audience, offer, channel mix, and the launch calendar that ties creative to growth. Audience: CMO, growth lead, founder. First ask only for missing essentials: audience, decision target, source-of-truth materials, deadline, and must-keep numbers. Then produce the slide plan, written slides, visual direction, speaker-ready structure, and a critic pass against this rubric: can the plan connect creative choices to measurable growth.", "example_prompt_i18n": { "zh-CN": "用「归藏编辑墨水 Deck」模板把我的内容做成一套「电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)」。保持模板的视觉签名,使用真实内容和数据,避免 lorem ipsum 和占位图片。" } }
- name
- deck-guizang-editorial
- tags
- [ "marketing-gtm", "annual-marketing-plan", "marketing", "launch", "campaign", "pipeline", "decision-deck", "commercial-slide-agent", "deck-guizang-editorial" ]
- emoji
- 🖋️
- en_name
- Write an Annual Marketing Plan like a World-Class CMO
- zh_name
- 像世界级 CMO 一样写年度营销计划
- category
- slides
- featured
- 49
- scenario
- marketing
- triggers
- [ "annual-marketing-plan", "marketing-gtm", "Write an Annual Marketing Plan like a World-Class CMO", "像世界级 CMO 一样写年度营销计划", "launch", "campaign", "pipeline", "html deck", "html slides" ]
- example_id
- sample-guizang-editorial
- aspect_hint
- 16:9 横向翻页
- description
- OpenDesign's FY26 marketing plan: brand-to-pipeline — audience, offer, channel mix, and the launch calendar that ties creative to growth. Built as a decision-grade marketing & GTM deck for CMO, growth lead, founder.
- recommended
- 1
- example_desc
- L02 Act Divider 章节封页 + L03 Big Numbers Grid 数据格, 纸感印刷
- example_name
- 归藏编辑墨水 · 章节封页
- en_description
- OpenDesign's FY26 marketing plan: brand-to-pipeline — audience, offer, channel mix, and the launch calendar that ties creative to growth. Built as a decision-grade marketing & GTM deck for CMO, growth lead, founder.
- example_format
- markdown
- zh_description
- 像世界级 CMO 一样写年度营销计划——一份可商业交付的市场增长 Deck,围绕真实主题、证据链与决策目标组织。
- example_tagline
- 墨水经典调色板 + 衬线 display
- example_source_url
- https://github.com/op7418/guizang-ppt-skill
- example_source_label
- op7418/guizang-ppt-skill
02 资源文件 2
- 参考文档example.html27.3 KB
- 参考文档open-design.json4.2 KB
03 SKILL.md 正文
【模板: 归藏编辑墨水 Deck (Editorial × E-Ink)】 【意图】叙事、观点、分享、个人风格表达。墨纸印刷感, 不要科技感。Inspired by op7418/guizang-ppt-skill Style A。
【调色板 — 5 选 1, 严禁改 hex、严禁混用】
- 🖋 墨水经典 Monocle — ink
#0a0a0b, paper#f1efea, paper-tint#e8e5de, ink-tint#18181a. 默认 / 通用商业 / 科技。 - 🌊 靛蓝瓷 Indigo Porcelain — ink
#0a1f3d, paper#f1f3f5, paper-tint#e4e8ec, ink-tint#152a4a. 科技 / 研究 / 数据。 - 🌿 森林墨 Forest Ink — ink
#1a2e1f, paper#f5f1e8, paper-tint#ece7da, ink-tint#253d2c. 自然 / 可持续 / 文化。 - 🍂 牛皮纸 Kraft Paper — ink
#2a1e13, paper#eedfc7, paper-tint#e0d0b6, ink-tint#3a2a1d. 怀旧 / 人文 / 文学。 - 🌙 沙丘 Dune — ink
#1f1a14, paper#f0e6d2, paper-tint#e3d7bf, ink-tint#2d2620. 艺术 / 设计 / 时尚。
【布局 — 10 个磁带式版式池, 可复用; 数量由【用户内容】决定, 完整覆盖每个要点; 短内容 6-12 张起步, 长内容应更多 (同一版式可在不同章节重复使用)】
- L01 Hero Cover — 居中大字 hero typography + kicker + subtitle + lead paragraph + 底部元数据 row。
- L02 Act Divider — kicker + 8.5-10vw 巨大 headline + 一句引言; 章节切换可反色 (ink ↔ paper)。
- L03 Big Numbers Grid — 3×2 数据卡 (label / 大数字 / 注释)。
- L04 Quote + Image — 左 kicker + headline + body + callout; 右 16:10 图 (基线对齐 baseline 不是 top)。
- L05 Image Grid — 3×2 或 3×1 等高图网格 (26vh 或 22vh); 严格统一高度。
- L06 Pipeline / Flow — 横向编号步骤组, 每步: №X + 标题 + 描述; 支持键盘逐步推进。
- L07 Hero Question — 7vw 全屏单一问句, 按语义断行, 周围极简。
- L08 Big Quote — 5.8vw 巨大衬线引文 + 英文翻译 + 署名 + 日期。
- L09 Before / After — 1:1 split; 左列 opacity .55 (旧/before); 右列 full brightness (新/after)。
- L10 Mixed Media — 8:4 比例; 左大段文字 (kicker / headline / body / callout) + 右 3:4 竖图作辅助。
【设计细节】
- 严禁: 渐变 / drop-shadow / 圆角 / 圆形装饰 / blur / SVG 图标库 / emoji 装饰。
- 字体: Display 用
Playfair Display(英) /Noto Serif SC(中); Body 用Inter/Noto Sans SC; 编号 / 数字偶尔可用 italic 衬线。 - 杂志感细节: kicker 用 11px uppercase letterspacing 0.12em; folio 右下角
01 / 12; 顶部细 hairline rule + 期刊 logo / topic。 - 不许: 数据捏造、Lorem ipsum、占位图片 URL。所有图请用纯 CSS / SVG 内联描绘 (色块 + 简笔)。
- 键盘 ← / → 切换; hash 同步; 单文件 HTML。
04 同仓库更多 Skills
youtube-clipper
YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.
writing-guidelines
Review docs/prose for Writing Guidelines compliance. Use when asked to "review my docs", "check writing style", "audit prose", "review docs voice and tone", or "check this page against the writing handbook".
wpds
WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.
weread-year-in-review-video-template
WeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stories. Use when users want a 9:16 HTML-to-MP4 reading report with warm paper texture, editorial Chinese typography, book-page metaphors, data highlights, and deterministic motion.
web-design-guidelines
Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.
web-clone
网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树,覆盖静态站 / React-Vue-Next 内容站 / WebGL-Canvas 重前端站三大分支,并强制核对任何 AI 二手分析里的可执行代码。