deck-guizang-editorial
nexu-io/open-design
Editorial magazine design with e-ink aesthetics: 10 layouts and 5 carefully curated color palettes.
What is deck-guizang-editorial?
A presentation deck template combining editorial magazine design with e-ink visual principles. Use it to create narrative-driven, print-inspired horizontal decks with 10 pre-built layouts and 5 distinct color palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune) that emphasize typography and restraint over decoration.
- 10 reusable layouts: Hero Cover, Act Divider, Big Numbers Grid, Quote + Image, Image Grid, Pipeline/Flow, Hero Question, Big Quote, Before/After, and Mixed Media
- 5 carefully designed color palettes optimized for editorial and e-ink aesthetics, each with specific use cases (tech, research, nature, humanities, art/design)
- Magazine-style typography and details: kickers with letterspacing, folios, hairline rules, and serif/sans-serif hierarchy
- Keyboard navigation (← / →) and hash-based slide synchronization
- Single-file HTML output with no external icon libraries or decorative elements
How to install deck-guizang-editorial
npx skills add https://github.com/nexu-io/open-design --skill deck-guizang-editorial- Node.js and npm installed
- Access to the nexu-io/open-design repository
How to use deck-guizang-editorial
- 1.Run `npx skills add https://github.com/nexu-io/open-design --skill deck-guizang-editorial` to install the skill
- 2.Choose one of the 5 color palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, or Dune) based on your content's tone
- 3.Select and arrange layouts from the 10 available options to match your narrative structure and content length (6–12 slides minimum for short content)
- 4.Replace placeholder content with real text, data, and images; use inline CSS or SVG for illustrations rather than external image URLs
- 5.Use keyboard arrows (← / →) to navigate and verify slide transitions and hash-based synchronization
Use cases
- Create a data-driven narrative presentation with Big Numbers Grid and Pipeline layouts for research or business storytelling
- Build a personal portfolio or thought-leadership deck using Act Divider chapter breaks and Big Quote layouts
- Design a before/after case study or product evolution story using the Before/After and Mixed Media layouts
- Produce a magazine-style article or editorial piece with consistent typography and minimal visual decoration
- Present a multi-chapter report or whitepaper with chapter dividers and image grids for visual rhythm
- Editorial designers and magazine art directors
- Researchers, academics, and data storytellers
- Product and design professionals presenting case studies
- Content creators and writers building narrative-driven presentations
- Anyone seeking print-inspired, minimalist deck aesthetics without tech-heavy design
deck-guizang-editorial FAQ
No. The template requires strict adherence to one palette per deck; mixing palettes is explicitly prohibited to maintain visual cohesion.
Display text uses Playfair Display (English) or Noto Serif SC (Chinese); body text uses Inter or Noto Sans SC. Numeric and enumeration elements may use italic serifs.
No. The template explicitly forbids gradients, drop-shadows, rounded corners, blur effects, and decorative SVG icons to preserve its minimalist, print-inspired aesthetic.
The number of layouts is determined by your content length. Short content should use 6–12 slides minimum; longer narratives should use more slides. The same layout can be reused across different sections.
No. The template requires real content and data. Images should be created inline using pure CSS or SVG rather than external image URLs.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: deck-guizang-editorial zh_name: "归藏编辑墨水 Deck" en_name: "Guizang Editorial E-Ink Deck" emoji: "🖋️" description: "Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune)." zh_description: "电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)" en_description: "Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune)." category: slides scenario: marketing aspect_hint: "16:9 横向翻页" featured: 49 recommended: 1 tags: ["editorial", "e-ink", "magazine", "narrative", "guizang"] example_id: sample-guizang-editorial example_name: "归藏编辑墨水 · 章节封页" example_format: markdown example_tagline: "墨水经典调色板 + 衬线 display" example_desc: "L02 Act Divider 章节封页 + L03 Big Numbers Grid 数据格, 纸感印刷" example_source_url: "https://github.com/op7418/guizang-ppt-skill" example_source_label: "op7418/guizang-ppt-skill" od: mode: deck surface: web scenario: marketing featured: 0.01 upstream: "https://github.com/nexu-io/html-anything" preview: type: html entry: index.html reload: debounce-100 design_system: requires: false example_prompt: "Use the Guizang Editorial E-Ink Deck template to turn my content into an editorial magazine x e-ink horizontal deck with 10 layouts and 5 palettes. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images." example_prompt_i18n: zh-CN: "用「归藏编辑墨水 Deck」模板把我的内容做成一套「电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。"
【模板: 归藏编辑墨水 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。
Related skills
More from nexu-io/open-design and the wider catalog.
deck-open-slide-canvas
Fixed 1920×1080 canvas deck with React component-level free composition, no template constraints.
deck-swiss-international
16-column grid Swiss International design system with 22 locked layouts and saturated accent colors.
design-brief
Parse design briefs into concrete specs using structured I-Lang protocol format.
design-consultation
Build complete design systems from scratch with creative direction and product mockups.
design-md
Create and manage DESIGN.md files as a single source of truth for design direction, tokens, and visual rules.
design-review
Visual audit and fix UI issues with atomic commits and before/after screenshots.