Draft · Rev. 03

Graphite Sketch 石墨草稿

鉛筆灰階打底・虛線構造線・紅鉛筆校對記號
A designer's pencil draft, not a finished product

01 Core Palette

石墨黑
#262624
炭灰
#5A5854
塵灰
#9B9891
導引線灰
#CBC7BE
草稿紙白
#F3F0E9
描圖紙白
#FFFFFF
紅鉛筆
#C1392B

// ACCENT USAGE < 5% OF SURFACE AREA — RED PENCIL IS THE EXCEPTION, NOT THE DECORATION

02 Typography

H1 — Architects Daughter · 400 · clamp(2.1–3rem)

草稿桌 The Draft Desk

H2 · 1.7rem

先畫底稿再上墨 Sketch Before You Ink

H3 · 1.25rem

紅筆只圈出真正重要的地方

Body — LXGW WenKai TC · 17px · line-height 1.85

楷書正文延續草稿的書寫感,同時保持長篇可讀。連結底線是導引線灰虛線,hover 轉紅鉛筆實線;量測數字與色碼一律使用 Space Mono 等寬字體,強調這是精密的草稿。

03 Buttons

// HOVER: TRANSLATEY(-1PX) + BORDER → RED PENCIL — NO ROTATION, THIS IS PRECISE DRAFT ENERGY

04 Tags & Badges

Draft Rev. 02 Grayscale 需校對 Review

05 Cards

Component 01

雙描邊卡片

主框線貼齊邊界,次描邊偏移旋轉 -0.3°,像設計師描第二次確認輪廓。四角登記記號僅用於待確認區塊。

Component 02

標準卡片

不含登記記號的版本,用於次要內容,避免記號過度重複而失去稀有性。

06 Sketch Annotation / 簽名元件

石墨草稿
紅鉛筆圈選 + 引線註記 — 模擬設計師在草稿上校對時的手寫評語

07 Dimension Line / 量測標註

120PX · SPACING-LG

08 Callout

校對備註 — 紅鉛筆虛線框只用於「需要注意」的內容,不做一般說明框,維持整個系統對紅色的節制感。

09 Color Reference

色彩Hex角色
石墨黑#262624Ink — 文字、框線、登記記號
炭灰#5A5854Secondary — 副標、次要文字
塵灰#9B9891Muted — 說明文字、停用狀態
導引線灰#CBC7BE虛線構造線、表格分隔
草稿紙白#F3F0E9Canvas — 頁面底色
描圖紙白#FFFFFFSurface — 卡片、輸入框
紅鉛筆#C1392BAccent — 唯一強調色,校對標記專用