Nova Labs

Design System · 玻璃科技

色票 60-30-10
#7DD3FC
#0B1220
#E5E7EB
#F59E0B
主色 · 背景 · 文字 · 強調
字型
標題 Noto Sans TC
內文 Noto Sans TC · 字級 72 / 40 / 22 / 14 · 行距 1.6
底稿風格
玻璃擬態
暗底兩團柔光+淡網格;卡片與封面文字塊是霧面玻璃面板
元件
Lucide icon 粗細 1.5 · 卡片圓角 20px · 頁碼右下 14px
場景
產品發表、SaaS、技術分享
留白大(頁邊 96px)· 字級不縮,裝不下就拆頁
頁型
封面章節頁三欄重點左文右圖長文頁一頁一數字章節頁步驟流程封底
01
Nova Labs

NOVA LABS

Nova Labs
產品發表

資料同步,不用等。

02
Nova Labs
01

產品

03
Nova Labs

三件事

即時同步

毫秒級,跨裝置一致。

零信任架構

每一次存取都驗證。

開放 API

三行程式接上。

04
Nova Labs

它怎麼運作

每筆變更先寫本機,再背景同步。

衝突用時間戳自動合併,不問人。

離線也能改,回線自動補齊。

照片佔位:搜尋 server room blue light / abstract data lines
05
Nova Labs

內文多的時候

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

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

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

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

06
Nova Labs
99.98%

過去 12 個月的服務可用率。

示意數字,換成你的。

07
Nova Labs
02

導入

08
Nova Labs

三步開始

01
接上

API 金鑰,三行程式。

02
對映

選要同步的欄位。

03
上線

灰度 10% 開始,一週全量。

09
Nova Labs

不用等,就是最好的功能。

team@novalabs.example(示意,換成你的)

10