跳跳市集

Design System · 粉彩玩趣

色票 60-30-10
#3B2A20
#F6F4EE
#3B2A20
#9DC183
#F9C6C0
#F6E27A
#B9CDEB
#CDB8E6
主色 · 背景 · 文字 · 強調(後面是底稿輔助色,只用在底稿)
字型
標題 Huninn
內文 Noto Sans TC · 字級 72 / 40 / 22 / 14 · 行距 1.7
底稿風格
粉彩色塊
邊緣散落粉彩有機色塊;標題色帶;卡片三種粉彩底;章節頁換強調綠
元件
Lucide icon 粗細 2 · 卡片圓角 28px · 頁碼右下 14px
場景
活動企劃、社群、教育、親子
留白適中(頁邊 88px)· 字級不縮,裝不下就拆頁
頁型
封面章節頁三欄重點左文右圖長文頁一頁一數字章節頁步驟流程封底
01
跳跳市集

HOP MARKET

跳跳市集
活動企劃

週末,把街口變成市集。

02
跳跳市集
01

市集

03
跳跳市集

三件事

週末限定

每月第一個週六。

親子友善

有遊戲區,有奶瓶溫水。

零廢棄

自備容器折 10 元。

04
跳跳市集

一場市集的樣子

40 個攤位,一半是吃的。

舞台每小時一組表演。

下午四點,一起收攤。

照片佔位:搜尋 outdoor market crowd colorful daytime
05
跳跳市集

內文多的時候

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

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

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

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

06
跳跳市集
6,000 人

上一場市集的來客數。

示意數字,換成你的。

07
跳跳市集
02

報名

08
跳跳市集

三步開始

01
填表

三分鐘,寫你賣什麼。

02
審核

一週內回覆。

03
擺攤

週六早上八點進場。

09
跳跳市集

下個週六,街口見。

hop@market.example(示意,換成你的)

10