NIGHTSHIFT
夜行

Design System · 螢光撞色

色票 60-30-10
#C6FF00
#0F0A1E
#F2F2F2
#FF3D8A
#2D6BFF
主色 · 背景 · 文字 · 強調(後面是底稿輔助色,只用在底稿)
字型
標題 Noto Sans TC
內文 Noto Sans TC · 字級 72 / 40 / 22 / 14 · 行距 1.6
底稿風格
撞色分割
右側桃紅實色直帶(封面 38%,帶上整條直排英文名;內頁 56px 貼右緣);沒有漸層;卡片只用桃紅上緣線;標題第二行描邊;章節頁桃紅底
元件
Lucide icon 粗細 2 · 卡片圓角 0px · 頁碼右下 14px
場景
潮流品牌、音樂、活動、新品上市
留白適中(頁邊 88px)· 字級不縮,裝不下就拆頁
頁型
封面章節頁三欄重點左文右圖長文頁一頁一數字章節頁步驟流程封底
01
NIGHTSHIFT
夜行

NIGHTSHIFT · DROP 01

夜行
新品上市

天黑以後才開始。

09.12 FRI 20:00300 PCSONLINE ONLY
02
夜行
01

新品

03
NIGHTSHIFT
夜行

三件事

三款配色

黑、螢光綠、桃紅。

限量 300

賣完不補。

線上先發

週五晚上八點。

04
NIGHTSHIFT
夜行

這一季的三件事

跟三位在地音樂人合作。

每件都有編號。

包裝可以拿來當海報。

照片佔位:搜尋 concert crowd neon lights night
05
NIGHTSHIFT
夜行

內文多的時候

這一頁是假字,用來示範內文很多的時候版面長什麼樣。字級還是 22,行距照大腦的設定,段落一段接一段往下排,不因為字多就把字縮小,也不把留白吃掉。

假字假字,這裡通常會放一段背景說明:為什麼要做這件事、之前試過什麼、現在卡在哪裡。寫的時候一段只講一個重點,讀的人才跟得上,講的人也不會念到一半迷路。

內文到這個量大概就是一頁的上限。再多就拆成兩頁,或改用三欄重點、步驟流程把重點並列;不要縮字硬塞,也不要把行距壓扁,那樣看起來就不像同一份簡報了。

最後一段留給補充:數字要有出處、名詞前後一致、日期用絕對值。這些寫在大腦的禁區裡,AI 排版時會照做,你交件前只要對一次就好。

06
NIGHTSHIFT
夜行
300 件

首批限量,售完為止。

示意數字,換成你的。

07
夜行
02

上市

08
NIGHTSHIFT
夜行

三步開始

01
預購

週五 20:00 開放。

02
出貨

三個工作天。

03
開箱

標記我們,抽下一批。

09
NIGHTSHIFT
夜行

天黑以後,見。

hey@nightshift.example(示意,換成你的)

10