品牌交付物,
正在變成一包 HTML

Little Plains 的 Emmett Shine 說,早期品牌案的交付物正在從網站、簡報、guidelines,變成一個能丟進 Cursor 或 Claude Design 的資料夾。價值不只在最後產出的頁面,而在那包能讓代理人持續延展品牌的輸入。

SCROLL
PART 1 | 交付物換形狀

他們交出去的不是網站,
而是一包品牌輸入

Emmett Shine 描述了一個最近發生的案子。Little Plains 做了一個月,最後寄給創辦人的不是網站、軟體產品,也不是 go-to-market campaign bible,而是一個 zip 檔。

裡面有兩個資料夾:humanagent。human 裡放的是人類熟悉的品牌文件。agent 裡則是一整套 YAML、JSON、Markdown、HTML、CSS、SVG、字體、元件、motion 規格和品牌資產。

創辦人收到後,把資料夾丟進 Cursor,打一個 prompt,當天就產出接近完成的 landing page。這件事改變了品牌工作的重心:以前 agency 出售的是最後看得見的產出,現在越來越值錢的是能驅動產出的輸入。

同一個品牌,現在交付成兩種格式
HUMAN
給人看的品牌指南
PDF、Figma、簡報、語氣說明。團隊讀完之後理解品牌,但後續每個人仍要自己解讀與執行。
AGENT
給代理人執行的品牌系統
HTML、CSS、SVG、JSON、Markdown。代理人不只是讀懂,而是能直接用它生成頁面、元件、文案和動畫。
PART 2 | 價值往前移

真正值錢的,
是最前面的判斷

傳統服務案裡,價值常常隨時間累積。你先做研究,再做策略,再做視覺,再做網站,客戶一路看到產出變多。Emmett 說,最近的早期品牌案更像是倒過來。

價值最密集的地方在最前面:研究、綜合資訊、定義受眾、決定品牌該站在哪個市場位置、該說什麼、不該說什麼。這些判斷一旦成立,後面的頁面、元件、文案、動畫就能沿著同一套邏輯生長。

舊式服務案
價值隨交付物慢慢堆出來。時間越往後,客戶越看見東西。
輸入驅動工作
價值集中在前段判斷。後面產出變快,但仍需要最後一個原創轉折。

這不是說後面的產出不重要,而是產出的邊際成本下降了。當代理人能很快展開頁面、元件與活動素材,agency 真正難以被取代的部分,就往「判斷品牌應該成為什麼」那一段集中。

PART 3 | Atomic Kit

品牌不再只是文件,
而是一個可展開的檔案系統

Emmett 把這種交付物稱為 atomic kit。它不是把品牌指南轉成 Markdown 這麼簡單,而是把品牌拆成代理人可讀、可引用、可組合的原子。

brand_atomic_system/
├── readme.md
├── magic_trick.md
├── human/
│   └── brand_guidelines.pdf
└── agent/
    ├── verbal/
    │   ├── positioning.md
    │   ├── audience.yaml
    │   ├── messaging.md
    │   └── voice.md
    └── visual/
        ├── colors_and_type.css
        ├── assets/
        ├── components/
        ├── tokens/
        ├── motion/
        └── artifacts/

以前的品牌指南像一本說明書。客戶交給下一個設計師、工程師或行銷同事時,每個人都要重新理解一次。理解錯了,品牌就開始漂移。

atomic kit 的目的,是讓品牌成為一個可被代理人執行的系統。代理人打開資料夾,不只知道顏色、字體和 logo,還能讀到定位、受眾、語氣、差異化、元件規則與動態規格。它取得的是一個帶觀點的品牌世界,而不是一組散落的素材。

PART 4 | HTML 為什麼重要

PNG 可以被看見,
HTML 才能被接著建造

這篇文章最值得注意的主張,是 Emmett 認為 HTML 會成為這類工作的關鍵格式。原因不是 HTML 比 PDF 好看,而是代理人對它的處理方式完全不同。

一張 PNG、JPEG 或 PDF,代理人可以看,可以描述,可以模仿。但 HTML、CSS、SVG、JSON 是結構化的。元件、顏色、間距、motion curve、hover state 都不是被拍成一張圖,而是以代理人能直接操作的形式存在。

🧱
HTML
把頁面與元件拆成可解析的結構,代理人能讀,也能改。
🎚️
CSS
把品牌的視覺語言變成變數、狀態、排版與互動規則。
🌀
SVG/JSON
把圖形、動態、 easing、速度和行為交給代理人接著生成。

這就是為什麼他們把 Type 的 atomic kit 丟進 Cursor 後,只用一句 prompt,就能生成符合品牌定位、語氣、字體、hover state、motion 規格與 CSS 元件的 landing page。代理人不是從一張截圖猜品牌,而是從品牌系統本身往外長。

PART 5 | Magic Trick

系統讓品牌一致,
但不保證讓人記得

Emmett 沒有把代理人講成萬靈丹。他提醒,atomic kit 能讓產出一致、可用、符合品牌,但它也會把東西推向平均值。輸入如果只允許安全的答案,輸出就會很正確,也很容易被忘記。

所以他的資料夾裡有一個半開玩笑、但很重要的檔案:magic_trick.md。意思是,當執行層大多交給代理人時,人類創意反而要在最後走回來,放進一個系統推不出來的轉折。

atomic kit 做的事
讓品牌穩定、可延展、可重複生成。它像一座整理好的唱片庫,所有素材都被分類、標籤化、能被快速取用。
magic trick 做的事
替特定場景下判斷。像 DJ 知道今晚這個房間該放哪張冷門唱片,而不是只播放資料庫裡最合理的歌。

這段其實是整篇文章最務實的地方。只有大膽想法,沒有系統,品牌可能只在 launch 那天漂亮。只有系統,沒有原創想法,品牌可能永遠正確,卻沒有人記得。

PART 6 | Agency 賣的是什麼

從收專案費,
走向收品牌系統的使用權

如果 atomic kit 是真正的產品,那 agency 的商業模式也會跟著變。傳統模式是賣時間與產出:定義 scope,交付一批東西,案子結束。

但如果客戶買到的是一個會持續生成品牌成果的系統,關係就更像軟體。前段仍然需要專案式的深度工作,因為研究、定位與創意判斷不能省。後段則可能變成維護、更新與授權,客戶永遠從最新版本的品牌系統往外建。

Emmett 的結論很直接:Aim to be paid for your mind,not your hands。未來更值錢的不是手上做出多少張圖,而是你腦中那套能讓代理人與團隊持續產出的判斷。

這對品牌工作者不是壞消息。相反,如果你的價值在原創判斷、品味、經驗與語彙,它會變得更容易被封裝、被延展、被收費。手的產能被代理人放大之後,腦的差異會更清楚。

品牌交付物正在從「給人看的文件」,變成「給代理人執行的輸入」。

系統負責一致,創意負責讓人記得。兩個少一個都不夠。

如果你現在要重做品牌,
你會先投資哪一塊?

選完之後,分享你的觀點

你的觀點

想看原作者團隊的更多作品?

這頁整理自 Emmett Shine 對 Little Plains 最近工作方式的描述。原文精確連結未提供,這裡放的是 Little Plains 官網,方便你對照他們正在做的品牌與產品系統工作。

查看 Little Plains →