NarraTect Advisory
DOC-REF · NTA-BRAND/01
REV 2026.07 · A
compiled by 林政威 Rockie Lin
2026 · 07 · 11
7 COLORS · 4 FONTS · 7 HARD RULES · 1 GRADIENT
Brand Identity System · 品牌識別系統

承器 Chéng Qì — A Vessel for the Long Arc

A visual system built to carry twenty years, not one campaign. Seven colors arranged as three tenses of a career; one gradient, and only one; four typefaces, each with a single job; and seven rules that do not bend. 承載長期,而非承載一季。

identity · palette · typography · rules · governance
v 1.0 · pairs with NTA-SVC/01 · NTA-WEB/02
§00Overview · 概覽

這份文件是什麼,以及它為誰而寫 What this document is, and who it serves

承器是 NarraTect Advisory 的視覺系統:一套為「二十年」而非「一檔活動」設計的識別。 本文件是它的正典(canon)——所有色值、字體職掌與規則的唯一權威來源。 任何 NTA 產出物若宣稱「承器正典」,必須逐條通過 §11 的驗證清單;通不過的, 只能標註為「承器啟發(inspired)」。

讀者有三種:為 NarraTect 產出物工作的設計者與工程師(人或 AI); 想理解「一人事務所如何維持交付一致性」的同業; 以及未來的自己——當某個深夜想「稍微調一下那個金色」時,本文件負責說不。

§01Identity · 識別與命名

承器:承載長期的容器 A vessel that carries the long arc

「承」是承載、承接、承諾;「器」是容器、器物、器量。承器不是一個 logo, 而是一套能承載二十年職業長弧的容器規格——顏色是時間,字體是聲部,規則是結構。

ID-01品牌名與體系名Brand name and system name

項目 Item值 Value備註 Note
品牌名 BrandNarraTect Advisory · 敘構顧問Narrative × Architect 的合成字
視覺體系 System承器 Chéng QìA Vessel for the Long Arc
基地 BaseTaipei 台北
姿態 PostureDark-first · HSP-aligned · low-saturation · warm-toned§02 詳述

ID-02品牌標記:五節點脊椎The brand mark: a five-node spine

標記由幾何原語構成:五個圓節點、四條直線,讀作一個抽象的「N」, 也讀作一條有節點的脊椎——敘事建築的最小圖示。標記永遠單色 (曦金於墨玄上,或墨玄於紙面上),不加漸層、不加陰影、不轉圓角。

5 NODES = 5 STOPS OF THE ARC 4 LINES = LOAD-BEARING STRUCTURE MONOCHROME ONLY · NO EFFECTS

Figure 1 · Brand mark construction · 標記構成:五節點 × 四線 × 網格

reserved · v1.1+ Clearspace & minimum-size spec: 標記的淨空區(以節點半徑為模數)與最小尺寸(螢幕 16px/印刷 6mm 暫值)尚未經過實測校準。待首批印刷品打樣後,以實測值定案並補入本節。 Hook fate — v1.1,觸發條件:第一次正式印刷委外。
§02The HSP Constraint · 感官負荷

把「低感官負荷」當成無障礙需求 Treating reduced sensory load as accessibility

承器是為高敏感(HSP, highly sensitive person)使用情境設計的系統。 每一條看似美學偏好的規則,其實都是感官負荷的削減:這不是風格潔癖, 是無障礙設計——與色彩對比、鍵盤可達性同一個層級的需求。

Load Source · 負荷源

曲率、光暈與色溫脈動

圓角需要視覺系統持續解析曲率;漸層與光暈造成飽和度脈動與色溫漂移。承器以直角與平色移除這兩種背景噪音。

Load Source · 負荷源

色塊圖示與裝飾性噪點

Emoji 與圖示庫是持續徵收的微注意力稅。承器全面禁用,改以幾何原語自製圖標——每個圖標都必須先回答「為什麼需要存在」。

Load Source · 負荷源

深度錯覺

陰影在暗底上不是消失就是虛假,且迫使大腦解析不存在的空間層。深度改由表面色調(ink-04 / ink-08)與 1px 邊線承擔。

Load Source · 負荷源

混排的切換成本

一句話裡多字體混排,讀者的字形系統被迫反覆切換。承器規定「一種語言一種字體」,標點歸屬於所在語言。

判準只有一個問題:這個決定會不會增加感官負荷?會,就選更安靜的那個。

§03Seven Colors · 七色三時態

七色三時態:過去、現在、未來 Seven colors as three tenses

調色盤把一條 2014–2034 的職業長弧映射為三個時態:過去是地基(墨、麻、石), 現在是進行中的工作(陶、茜),未來是開闊(銅、曦)。七個色值是正典—— 一個位元都不許漂移。

時態 Tense色 TokenHEX職掌 Role
過去 Past墨玄 mò xuán#1B1612主背景 · dark-first 基底
過去 Past亞麻白 yà má bái#EDE4D3暗底上的主文字 · 紙感
過去 Past石溫 shí wēn#8B7E6B次要文字 · 圖說 · meta
現在 Present陶土 táo tǔ#A0604A作用中狀態 · 暖土強調
現在 Present茜紅 qiàn hóng#9B3831限定強調 · 警示 · 不作大面積
未來 Future銅璽 tóng xǐ#B8893F中階強調 · 次標記號
未來 Future曦金 xī jīn#D9BC7A頂階強調 · 品牌之「金」
:root{
  /* Past tier */
  --mo-xuan:#1B1612;  --ya-ma:#EDE4D3;  --shi-wen:#8B7E6B;
  /* Present tier */
  --tao-tu:#A0604A;   --qian-hong:#9B3831;
  /* Future tier */
  --tong-xi:#B8893F;  --xi-jin:#D9BC7A;
}

變數命名用羅馬拼音(--mo-xuan 而非 --bg-primary)。 這是刻意的:名稱保存文化出處,也防止「換個底色」式的漂移—— 你無法在不察覺的情況下把「墨玄」改成別的顏色。

Contrast Discipline · 對比紀律 無障礙對比是情境函數:石溫在墨玄上通過 AA(4.5:1),在紙面上不通過; 銅璽在墨玄上通過,在紙面上連 3:1 都不到。規則:紙面情境的強調色一律改用茜紅或墨階, 暗面情境維持銅璽/曦金。任何新配對上線前先量測。
§04Time-Bar · 時間軸簽名

唯一的漸層:六站時間軸 The only gradient: a six-stop time-bar

承器全系統只允許一個漸層——把七色三時態鋪成一條 2px 的時間軸。 它是簽名元素:出現在每份 NTA 文件的封面與頁尾。六個停駐點的順序與百分比不可修改。

background: linear-gradient(90deg,
  var(--mo-xuan)    0%,     /* anchor · 錨點 */
  var(--shi-wen)   18%,
  var(--tao-tu)    42%,
  var(--qian-hong) 56%,
  var(--tong-xi)   76%,
  var(--xi-jin)   100%      /* destination · 目的地 */
);
0% 18% 42% 56% 76% 100% PAST DOMINATES · PRESENT IS BRIEF · FUTURE OPENS

Figure 2 · Time-bar anatomy · 不對稱是刻意的:過去佔據視野,現在短暫,未來開闊

在旗艦站上,時間軸被「活體化」為左緣的脊椎粒子流——粒子顏色依滾動深度取樣同一條漸層。 那是它唯一被允許的變形;任何其他漸層(按鈕、底圖、文字)都是違規。

reserved · v1.1+ Print CMYK conversion table: 七色的 CMYK 對應值尚未打樣校色。 待印刷打樣後補入正式換算表與紙材建議。 Hook fate — v1.1,觸發條件:首次膠印委外。
§05Ink & Paper · 墨階與紙階

透明度階:層次的唯一來源 Alpha scales: the only source of depth

承器不用陰影做深度。文字層級與表面深度全部來自兩組固定的透明度階: 暗面用亞麻白的墨階(ink-*),紙面用墨玄的鏡射階(mx-*)。不許發明新的 alpha 值。

階 StepInk(暗面 on #1B1612)MX(紙面 on paper)職掌 Role
80rgba(237,228,211,0.80)rgba(27,22,18,0.80)次要內文
60rgba(237,228,211,0.60)rgba(27,22,18,0.60)三級文字 · meta
40 / 45rgba(237,228,211,0.40)rgba(27,22,18,0.45)停用態 · 裝飾性標記
20rgba(237,228,211,0.20)rgba(27,22,18,0.20)重邊線
12rgba(237,228,211,0.12)rgba(27,22,18,0.12)預設邊線
08rgba(237,228,211,0.08)rgba(27,22,18,0.08)細分隔線
04rgba(237,228,211,0.04)rgba(27,22,18,0.04)卡片表面

SC-01衍生層:紙面與雙主題Derived layers: paper ground and the dual theme

紙面底 --paper-0 #F7F3EA--paper-1 #F1EBDE 是墨玄的合法衍生層(per H5:亮面永遠從暗面推導)。 雙主題的實作規則:深色主題=把 paper/mx 變數重新映射到墨玄與 ink 階, 不引入任何新色值;墨玄書擋(封面、頁尾)在兩個主題下都保持墨玄。

§06Typography · 四字體職掌

四種字體,各司一職 Four typefaces, one job each

沒有任何字體做兩份工。中文標題與內文歸 Noto Serif TC,拉丁內文歸 Source Serif 4, 斜體引語歸 EB Garamond,終端聲部(meta、編號、代碼)歸 JetBrains Mono。

字體 Face字重 Weights用 Use禁 Never
Noto Serif TC300 / 400 / 500 / 600中文標題與內文、品牌名純英文內容
Source Serif 4300–600 · opsz 8..60拉丁內文、展示數字(tabular)獨立中文段落、代碼
EB Garamond400 / 500 · italic斜體強調、編輯性引語內文、標題、中文
JetBrains Mono300 / 400 / 500meta 標籤、文件編號、代碼、hash長段散文、標題
body{
  font-feature-settings:"kern","liga","palt";
  hanging-punctuation:first last;
  -webkit-font-smoothing:antialiased;
}
/* mono meta voice */
letter-spacing:0.16em–0.24em; text-transform:uppercase;

"palt" 是關鍵:中日文標點的比例寬替代。 沒有它,逗號與句號會撐出「機器生成中文」特有的鬆散間距—— 這一個 feature flag 就是人味與機器味的分界線。

數字紀律:展示型數字一律拉丁 tabularfont-variant-numeric:tabular-nums); 中文數字只出現在自然語句裡。「52 週」的 52 永遠是拉丁字形。

reserved · v1.2+ Self-hosted font subset strategy: 目前唯一外部依賴是 Google Fonts CDN。 若未來要完全離線(或 CDN 政策改變),需要 Noto Serif TC 的子集化自架方案與授權盤點。 Hook fate — v1.2+,觸發條件:CDN 可用性或隱私政策變動。
§07Hard Rules · 硬規則

七條不可退讓的規則 Seven rules that do not bend

這些不是偏好。違反任何一條,該產出物即刻失去「承器正典」資格。 每條規則後半是它的 HSP 理由——規則存在的原因,比規則本身更重要。

  1. 無圓角 No rounded corners 全站 border-radius:0。直角是編輯/工藝定位的一部分;圓角是消費級 SaaS 的訊號,也是曲率解析的持續負荷。
  2. 無圖示庫 No icon libraries 不用 Lucide、Heroicons、Material、Font Awesome。所有圖標由幾何原語(線、圓、弧、多邊形)自製——強迫每個圖標有存在理由。
  3. 無 Emoji No emoji 任何地方都不出現:內文、註解、console 輸出、頁尾。唯一例外:使用者原文含 emoji 且需要逐字引用時。
  4. 唯一漸層 One gradient only §04 的時間軸是全系統唯一漸層。按鈕漸層、區塊底漸層、漸層文字——一律違規。平色或透明度層而已。
  5. 暗面優先 Dark-first 預設是墨玄底。亮面(紙面)是衍生層,為特定情境存在(日光下的長文、印刷),永遠從暗面推導,絕不反向設計。
  6. 一語一字體 One font per language run 同一句話裡,中文走 Noto Serif TC、拉丁走 Source Serif 4,不強行混排;標點歸屬於所在語言。
  7. 無陰影 No drop shadows 深度來自 ink-04 / ink-08 表面色調與 1px 邊線。暗底上的陰影不是看不見,就是看起來是假的。
§08Conditional · 條件規則

條件規則:預設值與允許的偏離 Defaults, and when deviation is allowed

以下依專案型態彈性調整;給定的是預設值,偏離需要寫下理由。

#項目 Item預設 Default允許範圍 Range
C1容器寬 Containermax-width: 80rem60rem(純長文)–100rem(儀表板)
C2內文行高 Line-height1.85(中英混排)1.7(純拉丁)– 1.95(純中文)
C3區塊留白 Section pad5rem 0(桌面)3.5rem 0(≤720px)
C4邊線重量 Borders1px solid ink-12ink-20 僅限硬結構斷點
reserved · v1.1+ Motion constants annex: 旗艦站的動態常數(PHASE_MS 2000、CHOREO_MS 10000、 粒子三階 3%/17%/80%、領航閃現 300ms 等)目前記錄於 NTA-WEB 的引擎註解。 待動態語彙穩定兩個 REV 後,抽出為本文件的正式附錄。 Hook fate — v1.1+,觸發條件:動態常數連續兩個 REV 無變動。
§09Iconography · 幾何圖標

從原語構成:圖標的自製方法 Built from primitives: the icon method

每個圖標都是 inline SVG,由線、圓、矩形、路徑四種原語構成, 單色描邊(依情境取曦金或墨玄),描邊寬 1.1–1.4,無填色效果。 圖標先問存在理由,再問長相。

EMAIL NODE LINK CHANNEL VECTOR

Figure 3 · Icon primitives · 四個示例:全部由線/圓/矩形/路徑構成,單色,無效果

構成準則:幾何中心對齊網格;視覺重量以描邊寬統一而非以填色面積統一; 社群平台一律用「隱喻圖標」(節點連線代表專業網絡、紙飛機代表傳訊), 不重繪任何平台的註冊商標。

reserved · v1.2+ Icon inventory sheet: 全站圖標尚未收攏為一張總表(名稱、原語構成、使用位置)。 圖標數量超過 12 枚時建立。 Hook fate — v1.2,觸發條件:圖標數 > 12。
§10Bilingual · 雙語紀律

雙語不是翻譯,是共同的第一語言 Bilingual as co-equal, not translated

承器產出物的中英文是共同主語言:英文版是重寫,不是逐字翻譯; 兩個語言各自遵守自己的節奏與慣用語。網頁實作以成對節點承載, 由 body class 切換顯示。

<span class="tc-only">有數據,才有方向。</span>
<span class="en-only">Data gives direction.</span>

/* pairing math (validated in CI) */
count(.tc-only) == count(.en-only) + count(inline gloss)

配對數學是可驗證的:每個 tc-only 必有 en-only 對應,唯一例外是章節標記裡的 內嵌 gloss(英文標籤旁的短中文註記)。驗證器逐頁計數,多一個少一個都擋下發布。

語感紀律:中文以判斷句領頭,少用「的的不休」的修飾鏈;英文重寫時允許改變句式與比喻, 只要立場等值。禁用清單(兩語共通):驚嘆號、反問句標題、最高級形容詞、 「解鎖/賦能/打造」類行銷動詞的堆疊。

reserved · v1.1+ Terminology ledger: 品牌核心詞(承器、敘事建築、時間軸、脊椎流、工具室、月刊……) 的中英對照與「禁止同義漂移」清單,待詞彙量穩定後建立正式對照表。 Hook fate — v1.1,觸發條件:核心詞 > 20 個。
§11Governance · 治理與驗證

正典如何不死:驗證與修訂 How a canon survives: validation and revision

品牌系統的死法只有一種:被善意的小偏離慢慢稀釋。承器的防禦是把規則寫成可執行的驗證—— 每次修改後機器逐條檢查,通過才算完成。

GV-01十點驗證清單The ten-point checklist

#檢查 Check方法 Method
01七色 HEX 逐位元相符validate.py · palette
02變數名用羅馬拼音人工抽查
03時間軸六站順序與百分比validate.py · regex
04四字體各司其職人工抽查
05body 帶 "palt"grep
06無 border-radius > 0validate.py
07無圖示庫 importgrep
08無 emoji(含註解)validate.py · unicode range
09預設墨玄底(dark-first)人工抽查
10頁尾帶 © NarraTect Advisory 行grep

GV-02正典 vs 啟發Canonical vs inspired

十點全過=「承器正典」。任何一點不過,只有兩條路:修到過, 或明確標註「承器啟發(inspired)」並記錄偏離理由。 邊界必須銳利——稀釋正典的從來不是叛變,是模糊。

GV-03修訂程序Revision procedure

需要正典沒有的值時:先記錄偏離理由,提案進入本文件, 以 REV 字母遞增發布(REV YYYY.MM · LETTER); 月份翻新則重置為 A。錯字修正不進 REV。在提案合併之前,該產出物一律標「啟發」。

reserved · v1.2+ Cross-artifact drift audit: 當承器產出物超過十件(站、文件、簡報、印刷品), 需要一支跨檔掃描器:同一 token 在所有檔案中的值是否一致。 Hook fate — v1.2+,觸發條件:產出物 > 10 件。
§12Closing · 結語

器物的品格,是它願意不做什麼 A vessel's character is what it declines to do

承器的每一條規則都是一次拒絕:拒絕圓角、拒絕陰影、拒絕第八十一種灰。 拒絕清單愈長,容器愈能承重。這份文件的價值不在它允許什麼——在它替未來的你, 把「稍微調一下」擋在門外。

Constraint is the vessel. What it carries is the work.