01 Core Palette 核心色票

螢光桃紅

Fluoro Magenta

#FF3EA5

螢光青

Fluoro Teal

#00B2A9

芥末黃

Mustard Yellow

#F5B700

米紙白

Rice Paper

#F2EBDD

孔版墨黑

Stencil Ink

#1C1B19

沉靜灰

Quiet Gray

#8A8378

深靛藍

Deep Indigo

#3A2E6E

02 Typography 字體規範

H1 — Space Grotesk + Noto Sans TC · 900 · clamp(2.8rem, 8vw, 5.5rem)

獨立誌宣言 ZINE MANIFESTO

H2 · 2.2rem · uppercase

套版誤差是美學 Off-Register Is Beauty

H3 · 1.4rem

三色油墨，一次一版

Body — Noto Sans TC · 17px · line-height 1.7

孔版印刷機每次只能上一種螢光油墨，每印一版都可能產生 1-3px 的套版誤差。這個系統把這種物理限制轉譯成 mix-blend-mode: multiply 的疊色效果，讓數位畫面重新長出油墨的溫度。

03 Buttons 按鈕

Hover：translate(-2px,-2px) + 4px 硬邊陰影，短促無 easing 的位移

04 Tags & Badges 標籤徽章

熱門 HOT 新刊 NEW 限定 LIMITED 特別企劃 SPECIAL 01 02

05 Cards 卡片

Issue 01

城市油墨

一份記錄城市邊角風景的季刊，每期限量 300 本手工套色印製。

Issue 02

螢光晚報

深夜書店限定發行，收錄地下創作者的短篇圖文與詩作。

Issue 03

錯版計畫

刻意保留套版誤差的實驗刊物，每一本的錯位都獨一無二。

06 Misprint 套版錯位示範

✛

三層螢光油墨各自位移 3-8px，mix-blend-mode: multiply 疊印出真實孔版印刷的暗部誤差 ✛ registration mark

07 Grain Texture 顆粒紋理

紙面顆粒 Paper Grain

SVG feTurbulence 產生的雜訊疊層，opacity 8-18% + mix-blend-mode，模擬米紙纖維與油墨不均勻附著的觸感。全站畫布與深色區塊皆套用此效果。

08 Color Reference 色彩對照表

色彩 Color	Hex	角色 Role
螢光桃紅 Fluoro Magenta	#FF3EA5	Primary spot ink — 主標題、按鈕、misprint 主色
螢光青 Fluoro Teal	#00B2A9	Secondary spot ink — 連結、misprint 副色
芥末黃 Mustard Yellow	#F5B700	Accent spot ink — 標籤、限定強調
米紙白 Rice Paper	#F2EBDD	Canvas — 頁面底色
孔版墨黑 Stencil Ink	#1C1B19	文字、外框、深色版面
沉靜灰 Quiet Gray	#8A8378	次要文字、分隔線
深靛藍 Deep Indigo	#3A2E6E	特殊強調、深色卡片底