A
返回 工具
工具2026/05/096 分鐘閱讀

Zhangzara Retro Zine 技能指南

Beige paper + green accent + Bebas Neue + Caveat — riso-printed zine in HTML form。適合 indie zines、music/arts brands、small-batch craft launches。

技能概述

Retro Zine 係 Zhangzara 系列入面最「手工」嘅風格。米色紙張、綠色 accent、Bebas Neue + Caveat 字體配搭 — 成個 deck 像一份用 riso 印刷機印出嘅 zine,lo-fi、有溫度、有手工感。

呢個 deck 係單一自包含 HTML 文件,排版、調色板、裝飾系統同 slide 模板全部一齊調校好。

觸發關鍵字

  • retro-zine、zhangzara-retro-zine
  • crafted、lo-fi、scrappy、warm
  • indie zine / publication
  • music or arts brand
  • riso、zine
  • zhangzara

風格特徵

| 屬性 | 值 | |------|-----| | 配色 | 淺色(米色紙張 + 綠色 accent) | | 正式度 | 中-低(手工、隨性) | | 信息密度 | 中(平衡排版) | | 示範頁數 | 10 頁 | | 字體 | Bebas Neue(headline)+ Caveat(handwriting) | | 裝飾元素 | riso 印刷紋理、拼貼元素、手工 SVG |

視覺上係一套 lo-fi 手工語言:米色紙張營造出印刷品嘅觸感,綠色 accent 如同 risograph 印刷嘅單色效果,Bebas Neue 標題同 Caveat 手寫體嘅配搭帶來「有人亲手做嘅」質感。

適用場景

推薦使用

  • Indie zines and publications / 獨立 zine 同出版物
  • Music / arts brands / 音樂藝術品牌
  • Creator portfolios / 創作者作品集
  • Small-batch craft launches / 小批量手工產品發佈
  • Community decks / 社群展示
  • Tech / research(想要 riso 溫暖感而非數字光澤)

不適合使用

  • 需要數字原生光澤感嘅場景
  • Fast modern-tech energy(zine 美學故意係手工感)

使用方法

自然語言觸發

用 retro-zine 整一份 indie zine deck
做一份 music brand 展示,lo-fi 風格
zhangzara-retro-zine,幫我整 craft launch deck

指定技能

用 zhangzara-retro-zine 技能生成

工作流程

  1. 克隆 example.html 到工作空間。
  2. 替換內容 — headline、正文、數字、名稱、日期等,保持圖片佔位符尺寸一致。
  3. 保護設計系統 — 絕唔好改字體、調色、柵格或拆裝飾元素。
  4. 調整頁數 — 複製合適佈局或從底部刪除,更新頁碼。
  5. 設計新佈局 — 需要新佈局時用同套設計語言從零設計。
  6. 保留導航運行時 — deck 附帶嘅 keyboard handler 保持原樣。

實際例子

例子 1:獨立出版物

用戶:「用 retro-zine 整一份 indie zine deck。」

生成結果:

  • Cover:zine 名稱 + issue number(Bebas Neue + 米色背景)
  • Manifesto:宣言(Caveat 手寫體)
  • Content:內容預覽(拼貼風格)
  • Contributors:貢獻者
  • Distribution:發行渠道
  • Subscribe:訂閱方式

例子 2:音樂品牌展示

用戶:「整一份 music brand deck,要有手工感。」

生成結果:

  • Cover:品牌名稱(riso 風格標題)
  • About:品牌介紹(米色紙張 + 綠色 accent)
  • Artists:旗下藝人
  • Releases:發行記錄
  • Events:活動日程
  • Contact:聯繫方式

相關技能