把工具收乾淨,只留下真相。
老實講,這不算什麼風格指南,比較像給自己定的一張規矩清單。整套東西就黑白灰九階,加一道綠,沒了。會這樣選,是因為打從心裡相信一件事:把雜訊全收乾淨,那一份真相才看得見——所以這頁每一格灰、唯一亮起來的那點綠,都在為那句話作證。
與其跟你保證多會做,不如直接做給你看——這頁本身,就是一塊 SUBSTANCE。
SUBSTANCE 這個字,其實是一句話講三件事:它是對外想說的(別再數你有幾個工具,去數你手上有幾份真相)、是整頁的視覺長相(外面那個框=表徵,裡面那顆實心核=本質)、也是你捲到一半會看到的那個畫面(四散的雜訊慢慢收攏,落定成一塊實心方塊)。這三件事沒打算各做各的,因為它們本來就是同一句話。看久了你會發現,這頁不是在跟你「說」SSOT 是本質——是讓你親眼看著表徵塌下去,最後只剩本質還亮著。
與其描述這套系統,乾脆讓這頁就是它。
表徵用灰、本質才發光。版面、文字、線框、數據這些「會說明事情」的部分,全交給黑白灰九階扛;那唯一一道綠 #00E676,只留給「本質浮現」的那一刻。說真的,敢只用黑白,本身就是一種把握——對金融、對監管這種客戶,你願意只靠一個顏色撐全場,代表你對自己的內容夠有信心。
字是當「崗位」在分的,不是當好看的選項。這五套字,是五個職務。一個字該用哪一套,先問它「在現場是什麼角色」,不問「哪個比較漂亮」——其實這就是 SUBSTANCE 落到排版上的樣子:先有它要扮的本質,字體才是它穿的那件表徵。
那根 clamp(7rem,26vw,24rem) 的羅馬數字像一根柱子,旁邊配的是 13px 的 Mono 場景說明——大小差到三十倍,「結構」跟「細節」之間就有了電壓。最大的是骨架,最小的是檔案,夾在中間的,是人說的話。這股張力靠的是字級的高低落差,不是靠顏色。
這個標記只有兩個部件:外面那個方框,是你交出去的所有東西(SRS、SDD、CMS、工單、會議紀錄);裡面那顆實心核,是那唯一的一份本質(SSOT)。框是多、核是一;框是雜訊、核是訊號。它不是一個貼上去就不動的 logo,是一個會長大的東西——本質不是一開頭就給你看的答案,是你陪它重走那一天之後,親眼看它從一團混沌裡落定下來。
1180 的 strict 網格、髮絲線、大量留白、明暗章節交替、那幾根巨型羅馬數字當柱子、四角裁切加十字準星。動效在這裡只做一件事:把「表徵變回本質」這個過程演給你看,不是把畫面弄熱鬧。會動的地方,就是重音所在。
把它關掉,這個論點還在嗎?
答不出來的,就不准它動。
說故事的主軸,叫「重走那一天」(The Replay)——這不是翻一本年鑑,是補一場你錯過的盛會,左邊那座「那一天的時鐘」從 10:00 走到 18:00,當你的時間軸。文案走報導的口吻、用場景帶你進去、現場的話用第一人稱原汁原味留著,客戶名一律拿掉、講成泛稱。能把「我們為什麼這樣約束自己」老老實實講清楚,本身就是本質又證明了一次:能讓人看見約束,比讓人看見華麗,難偽造得多。
一個能把自家規矩講清楚的環境,才留得住資深設計師——也順便篩掉品味跟我們不對盤的人。你在這頁看到的不是一堆漂亮作品,是一個有原則的工作環境。
這頁其實是把那套美學紀律,翻成一句白話:「新逸交付的時候,也是這樣自律的。」權限守得住、稽核守得住、留白守得住。一家肯把那道綠鎖死在七個地方的公司,做 RegTech、做 SSOT 治理的時候,也會守住該守的那條線。這份信任,是金融客戶身上最貴的東西。
先把話講清楚、先公開的人,會變成別人引用的那個源頭。是想讓你看懂我們怎麼想,不是讓你 npm install 我們的牌子。
這頁是要讓自家的設計語言,別再各專案各說各話。以後任何一個顏色、一個值要改,先改這份規範,再往下衍生——規範是本質,其他長出來的東西都是表徵。
值得,這頁該公開——但寧可用「一張約束清單、讓本質自己作證」的方式公開,而不是拿來秀設計功夫。
對外賣的,本來就是 SSOT(一份真相來源)跟 RegTech 治理。一份能老實講清楚「為什麼只敢用一道綠、只敢用黑白」的規範公開出去,等於把「我們連自家視覺都做 SSOT」這句話,從一句口號變成一份你可以當場驗的東西——這是新逸講過的話跟做出來的事最對得上的一次,比任何案例都更不怕被打折。真要說風險,全都在「能不能持續守紀律」這件事上,不在方向對不對。