deck-guizang-editorial
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
Chinese【模板: 归藏编辑墨水 Deck (Editorial × E-Ink)】
【意图】叙事、观点、分享、个人风格表达。墨纸印刷感, 不要科技感。Inspired by op7418/guizang-ppt-skill Style A。
【调色板 — 5 选 1, 严禁改 hex、严禁混用】
- 🖋 墨水经典 Monocle — ink , paper
#0a0a0b, paper-tint#f1efea, ink-tint#e8e5de. 默认 / 通用商业 / 科技。#18181a - 🌊 靛蓝瓷 Indigo Porcelain — ink , paper
#0a1f3d, paper-tint#f1f3f5, ink-tint#e4e8ec. 科技 / 研究 / 数据。#152a4a - 🌿 森林墨 Forest Ink — ink , paper
#1a2e1f, paper-tint#f5f1e8, ink-tint#ece7da. 自然 / 可持续 / 文化。#253d2c - 🍂 牛皮纸 Kraft Paper — ink , paper
#2a1e13, paper-tint#eedfc7, ink-tint#e0d0b6. 怀旧 / 人文 / 文学。#3a2a1d - 🌙 沙丘 Dune — ink , paper
#1f1a14, paper-tint#f0e6d2, ink-tint#e3d7bf. 艺术 / 设计 / 时尚。#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(中); Body 用Noto Serif SC/Inter; 编号 / 数字偶尔可用 italic 衬线。Noto Sans SC - 杂志感细节: kicker 用 11px uppercase letterspacing 0.12em; folio 右下角 ; 顶部细 hairline rule + 期刊 logo / topic。
01 / 12 - 不许: 数据捏造、Lorem ipsum、占位图片 URL。所有图请用纯 CSS / SVG 内联描绘 (色块 + 简笔)。
- 键盘 ← / → 切换; hash 同步; 单文件 HTML。
【Template: Guizang Editorial E-Ink Deck】
【Purpose】Narrative, opinion sharing, expression of personal style. Ink-on-paper print feel, no tech vibe. Inspired by op7418/guizang-ppt-skill Style A.
【Color Palettes — Choose 1 out of 5, STRICTLY NO hex modifications, NO mixing】
- 🖋 Monocle Classic Ink — ink , paper
#0a0a0b, paper-tint#f1efea, ink-tint#e8e5de. Default / General Business / Tech.#18181a - 🌊 Indigo Porcelain — ink , paper
#0a1f3d, paper-tint#f1f3f5, ink-tint#e4e8ec. Tech / Research / Data.#152a4a - 🌿 Forest Ink — ink , paper
#1a2e1f, paper-tint#f5f1e8, ink-tint#ece7da. Nature / Sustainability / Culture.#253d2c - 🍂 Kraft Paper — ink , paper
#2a1e13, paper-tint#eedfc7, ink-tint#e0d0b6. Nostalgia / Humanities / Literature.#3a2a1d - 🌙 Dune — ink , paper
#1f1a14, paper-tint#f0e6d2, ink-tint#e3d7bf. Art / Design / Fashion.#2d2620
【Layouts — 10 Tape-style Layout Pool, Reusable; Quantity determined by [User Content], fully cover each key point; start with 6-12 slides for short content, more for long content (same layout can be reused in different sections)】
- L01 Hero Cover — Centered large hero typography + kicker + subtitle + lead paragraph + bottom metadata row.
- L02 Act Divider — Kicker + 8.5-10vw huge headline + one quote; invert colors (ink ↔ paper) for chapter switching.
- L03 Big Numbers Grid — 3×2 data cards (label / large number / annotation).
- L04 Quote + Image — Left kicker + headline + body + callout; right 16:10 image (baseline aligned, not top).
- L05 Image Grid — 3×2 or 3×1 equal-height image grid (26vh or 22vh); strictly unified height.
- L06 Pipeline / Flow — Horizontal numbered step groups, each step: №X + title + description; supports keyboard step-by-step navigation.
- L07 Hero Question — 7vw full-screen single question, line breaks by semantics, minimal surroundings.
- L08 Big Quote — 5.8vw large serif quote + English translation + signature + date.
- L09 Before / After — 1:1 split; left column opacity .55 (old/before); right column full brightness (new/after).
- L10 Mixed Media — 8:4 ratio; left large text block (kicker / headline / body / callout) + right 3:4 vertical image as supplement.
【Design Details】
- STRICTLY PROHIBITED: Gradients / drop-shadow / rounded corners / circular decorations / blur / SVG icon libraries / emoji decorations.
- Fonts: Display uses (English) /
Playfair Display(Chinese); Body usesNoto Serif SC/Inter; Numbers / digits can occasionally use italic serif.Noto Sans SC - Magazine-style Details: Kicker uses 11px uppercase with letterspacing 0.12em; folio at bottom right ; top thin hairline rule + journal logo / topic.
01 / 12 - NOT ALLOWED: Fabricated data, Lorem ipsum, placeholder image URLs. All images must be depicted with inline pure CSS / SVG (color blocks + simple lines).
- Keyboard ← / → for navigation; hash sync; single-file HTML.