設計美學定案與下一版的黑底改版計畫(09/08)

站在 9 月 5 日上線，用的是一套現成模版的皮。內容是 BR3AK 的，版位、色票、節奏是模版的。這幾天做的事是把設計美學定下來，然後量出目前的站離它有多遠。

先定錨，再談改

設計討論最容易空轉的地方是「你覺得好看嗎」。所以第一步不是調色、不是換字體，是指定三個對標品牌，讓後面每一個決定都有東西可以對照：

對標	取用的是	落在哪一層
JULIUS	暗黑風格 × 立體剪裁	底層：色調與版面骨架
Issey Miyake	一塊布的無限可能	中層：產品邏輯，也是 RE-FORM 的源頭
Gentle Monster	未來主義 ＋ 實驗藝術	表層：呈現與體驗方式

三個對標各自負責不同層，所以能疊加而不打架：暗黑工業的底，材料無限可能的芯，實驗裝置的殼。

Miyake 那一軸特別重要。RE-FORM 不是「多加幾個機關」，它的祖宗是「一塊布的無限可能」——同一份材料可以有不同的存在方式。這個定義同時管住了產品，也管住了網站要拍什麼。

量出來的三個不一致

定錨之後，把站上的東西全部量一遍。

一、影像有三套互不相容的語言。 把 public/images/ 裡 32 張素材逐張算平均彩度（0 = 純灰階，255 = 最飽和）：

語言	彩度	代表素材
灰階去背產品攝影	2–5	*-cutout 全系列
純黑白	0	about-hero-bw
高彩霓虹／3D	92–144	core-01(92)、core-03(138)、void-detail(144)

同一個首頁，滑過三列會連續跳出三種不同世界的畫面。這是最傷的一項。

二、底色與訊號色都是模版帶來的。 --paper #f3efe5 是奶油白，暖紙感，editorial 語彙；--red #f33a2f 是印刷朱紅。三個對標沒有一個講這兩種語言：JULIUS 幾乎無彩、Gentle Monster 用的是光不是印刷色。

三、模版的裝飾色還在。 螢光黃 --acid 在樣式表裡出現 10 次、藍 --blue 8 次，大多是模版原本的裝飾點，跟 BR3AK 沒有關係。

這一版已經做完的

• About 全頁重做版型：12 欄不對稱格線、左欄 sticky 編號小標、章節之間 hairline 分隔，內容仍全部留在 MDX，版型從 --- 分隔線自動拆章節，中英共用。
• 滿版黑白主視覺：2880×1234，21:9，貼齊左右兩邊。
• 頁尾改黑底，導覽推到右邊。
• 品牌名寫法定案：標誌維持小寫 br3ak（畫好的字標），文字裡一律全大寫 BR3AK——3 在字中間，首字大寫會像 typo。
• Re-Form 的中文定名：「重新創作」，不用「改裝」。改裝在中文的預設場景是二次加工，會把作品讀成二手改品。
• 修好手機導覽：模版在 850px 以下把中間的導覽整塊藏起來，卻沒有配漢堡選單——等於手機上除了頁尾之外沒有任何入口。

下一版：全黑底，版型重新設計

方向已經拍板：捨棄目前太過中性的樣子，全站改成黑底，版型重新設計。

執行順序刻意是這樣：

1. 色調反轉——黑成為主場，亮面只留給材質與結構特寫（美術館白盒）。這一步的視覺回報最大。
2. 訊號色定案——朱紅是留是換，還沒決定。
3. 影像收斂——高彩霓虹與漫畫插畫退場，補上目前完全沒有的兩類素材：布的體積與褶皺（Miyake 軸）、縫線與扣件的結構特寫（JULIUS 軸）。
4. 裝置感——Gentle Monster 那一層現在是空的。目前的互動只有捲動與 hover 預覽卡，沒有超尺度物件、沒有光、沒有材質全螢幕。

內頁先改、首頁後改。 About 與 Journal 的版型是自己寫的，翻成暗場是改幾條規則的事；首頁還是模版的明暗交替結構，那不該用補丁去染黑，該連版型一起重做。硬把模版染黑只會得到一個「深色版的模版」，而不是 BR3AK。

還沒決定的

訊號色。拿掉紅、改用單一冷光，最接近 JULIUS × Gentle Monster；保留朱紅但退到只剩 hover，則能延續現有的辨識度。這一項會影響後面每一個版位，所以寧可先空著，也不要先做一半。

規格寫成了 docs/DESIGN.md，跟程式碼放在同一個 repo 裡，任何人（或任何 agent）動視覺之前先讀它。定義、由三軸推導的規則、影像的可用與不可用清單、以及上面那些不符項目，全部在裡面——包含還沒決定的部分。

沒想清楚的事情就寫「還沒決定」，不用估計值填空。這也是公開建造的一部分。