deck-guizang-editorial
Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).
Source facts
- Repository
- sanghyunna/readable-studio
- Last source activity
- October 6, 2026 at 07:59
- Detected SKILL.md language
- English
- Stars
- 0
- Forks
- 0
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
File Explorer
3 filesShowing SKILL.md
SKILL.md
Source instructions · Read-only preview- 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 landscape, paged
- featured
- 49
- recommended
- 1
- tags
- ["editorial","e-ink","magazine","narrative","guizang"]
- example_id
- sample-guizang-editorial
- example_name
- Guizang Editorial E-Ink · Act Divider
- example_format
- markdown
- example_tagline
- Ink Classic palette + serif display
- example_desc
- L02 Act Divider section cover + L03 Big Numbers Grid data cards, paper-print feel
- example_source_url
- https://github.com/op7418/guizang-ppt-skill
- example_source_label
- op7418/guizang-ppt-skill
- readable
- {"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 和占位图片。"}}
【Template: Guizang Editorial E-Ink Deck (Editorial × E-Ink)】
【Intent】Narrative, opinion, sharing, personal-style expression. Ink-on-paper print feel, no tech feel. Inspired by op7418/guizang-ppt-skill Style A.
【Palette — pick 1 of 5, never alter the hex values, never mix palettes】
- 🖋 **Ink Classic Monocle** — ink `#0a0a0b`, paper `#f1efea`, paper-tint `#e8e5de`, ink-tint `#18181a`. Default / general business / tech.
- 🌊 **Indigo Porcelain** — ink `#0a1f3d`, paper `#f1f3f5`, paper-tint `#e4e8ec`, ink-tint `#152a4a`. Tech / research / data.
- 🌿 **Forest Ink** — ink `#1a2e1f`, paper `#f5f1e8`, paper-tint `#ece7da`, ink-tint `#253d2c`. Nature / sustainability / culture.
- 🍂 **Kraft Paper** — ink `#2a1e13`, paper `#eedfc7`, paper-tint `#e0d0b6`, ink-tint `#3a2a1d`. Nostalgic / humanities / literature.
- 🌙 **Dune** — ink `#1f1a14`, paper `#f0e6d2`, paper-tint `#e3d7bf`, ink-tint `#2d2620`. Art / design / fashion.
【Layouts — a pool of 10 reusable cassette-style layouts; **the count is decided by the user's content**, fully covering every point; short content starts at 6-12 slides, long content should use more (the same layout can repeat across different sections)】
- **L01 Hero Cover** — centered large hero typography + kicker + subtitle + lead paragraph + bottom metadata row.
- **L02 Act Divider** — kicker + 8.5-10vw giant headline + one line of quote; section transitions may invert (ink ↔ paper).
- **L03 Big Numbers Grid** — 3×2 data cards (label / big number / annotation).
- **L04 Quote + Image** — left: kicker + headline + body + callout; right: 16:10 image (baseline-aligned, not top-aligned).
- **L05 Image Grid** — 3×2 or 3×1 equal-height image grid (26vh or 22vh); strictly uniform height.
- **L06 Pipeline / Flow** — horizontal numbered step group, each step: №X + title + description; supports stepping through with the keyboard.
- **L07 Hero Question** — 7vw full-screen single question, line-broken by semantic meaning, minimal surroundings.
- **L08 Big Quote** — 5.8vw giant serif quote + English translation + attribution + 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 support.
【Design details】
- **Forbidden**: gradients / drop-shadow / rounded corners / circular decorations / blur / SVG icon libraries / emoji decoration.
- **Fonts**: Display uses `Playfair Display` (Latin) / `Noto Serif SC` (CJK); Body uses `Inter` / `Noto Sans SC`; numbering / numerals may occasionally use italic serif.
- **Magazine-feel details**: kicker uses 11px uppercase letterspacing 0.12em; folio `01 / 12` in the bottom-right corner; a thin top hairline rule + masthead logo / topic.
- **Not allowed**: fabricated data, Lorem ipsum, placeholder image URLs. Render all imagery with pure CSS / inline SVG (blocks of color + simple line art).
- Keyboard ← / → to navigate; hash sync; single-file HTML.
View on GitHub