Open Design Magazine Poster 技能指南

技能概述

Magazine Poster 係一個單頁編輯風格海報技能，產出嘅效果好似從 Sunday Paper 撕落嚟嘅全頁文章。長篇幅、 deliberate、以字體為核心。設計特色包括奶油色新聞紙紋理背景、超大襯線標題（帶刪除線同斜體強調）、2×3 網格正文同註解引語。

適合做 manifesto、launch poster、editorial essay layout — 任何需要「認真講嘢」嘅場景。

觸發關鍵字

• magazine poster、editorial poster、newsprint、newspaper layout、essay、manifesto、long-form poster
• 雜誌海報、報紙版式

什麼時候用

• 需要製作有態度嘅編輯風格海報
• Manifesto / 宣言式視覺呈現
• 產品發佈嘅 editorial 風格 poster
• 長篇文章 / essay 嘅視覺化排版

使用方法

自然語言觸發

Design an editorial magazine-style poster
整一個雜誌風格海報
做一個 manifesto poster
newsprint layout for our launch

工作流程

1. 讀取 DESIGN.md — 用 DS 入面最重嘅 serif token 做 headline、body serif 做欄位、typewriter/mono token 做編號眉毛同註解
2. 從簡報提取主題 — 寫一個有意見嘅 headline，包含一個刪除線詞 + 一個斜體強調詞
3. 由上到下佈局：
   • 頂部規則線 + 日期行（左：編號/章節，右：日期）
   • Mono 標籤（如 "POSTED TODAY"）
   • 超大襯線標題（2-3 行，一字刪除線 + 一字斜體 accent）
   • 副標題（italic serif， headline 嘅 ~60% 大小）
   • 短 accent 色橫線（~80px）
   • 6 格網格（2×3 或 3×2），每格含編號、小標題、2-3 句正文、引述 callout
   • 底部帶（三格：handle / role / date + PRO TIP 小板）
4. 寫入單一 HTML — 奶油色紙張背景（#f3eee2）+ 微妙紙張噪點（radial-gradient 低透明度點）

輸出格式

單文件 HTML artifact：

• 奶油色新聞紙紋理背景（#f3eee2 + radial-gradient dots）
• 最小寬度 1100px 頁面
• 2 欄 CSS Grid 正文網格
• data-od-id 標註 header、headline、deck、每格、footer
• 刪除線 + 斜體 accent 各出現一次

設計要點

視覺規則

• 字體層級清晰 — headline 主宰頁面
• 刪除線 + 斜體 accent — 各出現且僅出現一次
• 真實內容 — 正文寫真意見，唔用 lorem ipsum
• 1280-1440px 下有意圖感 — 唔好縮到睇唔到
• 排版為核心 — 圖片唔係必需品，字體就係設計

實際例子

例子 1：Open Design 宣言海報

用戶：「Design an editorial magazine-style poster — 'You don't need a designer to ship your first draft anymore.' Newsprint paper, six numbered sections.」

生成海報：

• 標題：「You don't need a designer to ship your first draft anymore.」
• 6 個編號章節，每個有 mono eyebrow + serif 小標題 + 正文 + 引述 callout
• 奶油色新聞紙背景配 dot texture
• 底部帶含 handle / role / date

例子 2：產品發佈 Manifesto

用戶：「做一個 manifesto poster，講我哋點解唔需要 template hunt」

生成：

• 標題含刪除線「the template hunt」+ 斜體強調
• 6 個章節論述產品哲學
• 每個章節附帶 prompt 引述

相關技能

• Critique
• Blog Post
• Editorial Landing