Nothing Personal 如何既像 Mozilla 又反叛 Mozilla?拆解一個子品牌的識別策略

Nothing Personal 的紅色 NP. 標誌遮在人物臉部前方
圖片來源:Pentagram

摘要

Mozilla Foundation 在 2025 年推出 Nothing Personal。它是由基金會經營、討論科技與網路文化的反主流雜誌與編輯平台,不是 Firefox 的瀏覽器功能,也不要和 Firefox 後來使用的『Nothing Personal. Just Browsing.』宣傳頁混為一談。它要借用 Mozilla 長期累積的可信度,卻不能看起來像另一個機構倡議網站。

Pentagram 為它提出的策略是「belong and rebel」:讓子品牌保留母品牌的字體與價值連結,同時透過名稱、語氣、標誌與早期網路視覺語彙,建立足以獨立說話的文化性格。

子品牌最難的不是不同,而是不同到什麼程度

Nothing Personal 面對的是典型的品牌架構問題。太像 Mozilla Foundation,它會被理解成另一個政策或募款欄目;完全切斷 Mozilla,又會失去來源可信度與長期倡議的脈絡。

Pentagram 沒有用折衷視覺解決,而是先建立一組清楚的角色關係:母品牌提供信任與價值基礎,子品牌負責用更尖銳、文化化的方式參與對話。這讓相似與差異都有策略理由,而不只是 Logo 看起來像不像。

Nothing Personal 這個名字同時說了兩件事

英文裡的 Nothing Personal 常出現在一句很直接、甚至很私人化的話之前,因此天然帶著表面冷淡、實際尖銳的張力。Pentagram 也把它轉成對資料隱私的承諾:在這裡,你的個人資料不是產品。

這種雙重意思延伸到 verbal identity。標題與文案可以表面平靜、底下帶刺,讓平台批判演算法、監控與 AI slop 時,不需要套用非營利組織常見的說教口吻。名稱因而不只是一塊招牌,而是編輯語氣的生成規則。

一個矩形框,如何跨越出版、產品與行動?

核心 NP. 標誌被放在簡單矩形裡,能依情境變成瀏覽器分頁、彈出視窗、遮蔽條、布章或抗議標語牌。這個框架讓標誌不只被貼在版面角落,而能主動裁切照片、遮住人物,或成為訊息的容器。

更廣的視覺系統引用早期網路的 browser chrome、聊天視窗、檔案選單、捲軸與系統字體,再搭配未經過度修飾的攝影與高飽和色彩。它喚起的不是單純復古感,而是網路仍被想像成開放空間的集體記憶。

  • 沿用 Mozilla 字體,保留家族關係。
  • 以 NP. 矩形框建立可變、可介入內容的識別核心。
  • 從早期網路介面提取視覺語彙,回應平台批判立場。
  • 延伸至網站、ANALOG zine、服飾、廣告看板與公車候車亭。

反叛風格也有變成公式的風險

早期網路、超大字體、系統視窗與粗糙排版已成為當代常見的反主流美學。若內容沒有同樣清楚的立場,這套語言很容易只剩一種可被消費的叛逆風格。

識別在小尺寸、長文閱讀與無障礙情境中的表現也值得持續觀察。刻意的 awkwardness 能增加辨識度,但不能讓資訊層級與可讀性一起失控。品牌需要用編輯規則決定何時高聲、何時退後。

可以帶走的品牌判斷

Nothing Personal 最值得參考的不是復古網路風格,而是先把子品牌的任務寫成一組有張力的關係:既要 belong,也要 rebel。這組關係一路約束名稱、語氣、字體、標誌行為與媒介應用,因此視覺再多變仍能回到同一個核心。

規劃子品牌時,與其先問要不要沿用母品牌顏色,更應先問:它必須繼承什麼信任,又必須反抗什麼印象?答案若夠清楚,設計系統才知道哪些元素應留下,哪些需要被推到新的方向。

延伸閱讀

產品設計實作 從 Figma Make 到 Pull Request:設計師可以直接修產品,但界線要畫在哪裡? UX Writing 教學 UI 命名不是文案潤飾:Apple 用三項準則檢查功能與標籤是否清楚 AI × UI 設計 AI 生成 UI 要怎麼驗收?FlowEval 把「好看」拉回「能不能完成任務」