二維卡，是怎麼一回事
一張會收資料的卡。5 分鐘讀完四件事：它是什麼、它和 QR Code 有什麼不同、 為什麼印出去之後還能變、以及列印前你需要知道的全部。
① 定義
什麼是二維卡？
一張會收資料的卡。它由三個各司其職的部分組成——卡面、碼、掃碼後的頁面， 缺一個都只是「貼了 QR Code 的紙」。
卡面
讓人在 3 秒內看懂並決定掃不掃：標題說清什麼事，CTA 說清掃了做什麼， 卡腳的截止時間說清還來不來得及。
碼
唯一的入口。永遠白底深碼——這是可掃性紅線，任何配色和材質都不能破壞它。
掃碼後
與卡面同源視覺的行動頁，完成一個明確行動——報名、簽到、回饋。 狀態與資料即時回流給建立者。
它不是「美化過的 QR Code」。美化一張碼，並不會讓它變成一張卡。
② 本質差異
碼是指標，卡是物件
碼是指標（pointer）：指向別處，掃完即棄，自己什麼都不是。 卡是物件（object）：有邊界、有狀態、有唯一行動。
只有一個碼
掃完跳去別處，什麼都沒發生。
沒有內容、沒有狀態、沒有結果。
一張卡
看懂、掃了、報上名——名額與狀態即時回流。
印出去的紙沒變過，卡卻一直在變。
| QR Code（Code） | 二維卡（Card） | |
|---|---|---|
| 本質 | 指標：指向別處 | 物件：有自己的職責 |
| 使用者看到 | 一團黑白圖形，掃了才知道 | 3 秒讀懂的一張卡：什麼事、做什麼、來不來得及 |
| 掃完之後 | 跳走即棄，無痕跡 | 完成一個行動，資料即時回流 |
| 狀態 | 恆定不變 | 開放 → 滿額 → 候補 → 結束，即時更新 |
| 改內容 | 必須換碼重印 | 連結與狀態隨時改，碼不重印 |
③ 印後仍在變
印後仍在變的動態卡
印在紙上的是卡面，活在雲端的是狀態。一張卡的完整生命週期： 開放 → 滿額（自動轉候補）→ 候補中 → 已結束（截止自動關閉）→ 改期重開。 紙不用重印，碼不用重新產生。
{{ {open:'還在收人：先到先得', full:'滿 30 人：自動停止', waitlist:'超員了：興趣不流失'}[c.content.status] }}
只在關鍵時刻回頭看
滿員、候補、截止——每張卡只有這三個瞬間值得打開看一眼：狀態即時寫在 卡列表與資料頁上，其餘時間不打擾。不需要匯出彙總，也沒有大而全的儀表板。
下一期還是這張卡
週期性活動不用重做：改日期與名額、再次開放同一張卡，QR Code 不變—— 已經印出去的物料繼續有效。
④ 技術
一張卡怎麼被做出來
一張卡就是一個 card.json：四層結構把「辦什麼事」 和「長什麼樣」徹底分開——所以同一張卡可以換成任何配色材質，而內容一個字不丟。
content
辦什麼事
標題、CTA、欄位、名額、截止；連結卡則是 URL 與頁面標題。
layout
槽位怎麼排
classic 置中 / split 分欄 / minimal 極簡——槽位決定誰出現在哪。
style
長什麼樣
24 套配色 × 14 種材質 × 3 種卡型 × 3 檔圓角，自由組合。
widgets
組件與參數
碼大小、碼色與方圓碼點、備註行數、CTA 樣式——每個組件獨立調參。
- 類型守衛 url 卡自動隱藏卡腳（沒有截止可印）、表單卡與故事卡不顯示網域行——不適配的組件在 spec 層就被攔下，不靠人工記憶。
- 流式字號 卡面全部用容器查詢（cqw）計字號——同一份實作，從名片到海報一個字不重排。
- 一處渲染 任何頁面只要輸出同一套 DOM 契約，就能用同一份 card.css 完整還原一張卡——首頁工作台、18 個品牌產生器頁、行業範本頁的預覽永遠一致。
- 可掃性紅線 碼區恆白底深碼；匯出前自動跑糾錯等級、對比、尺寸梯度三項檢查。
⑤ 列印指南
列印與可掃指南
二維卡是印在物理世界裡的東西。六條規則，決定掃得出與掃不出。
碼區白底深碼
這是鐵律。深色卡面上，碼放白色圓角容器裡——產生器已自動處理，匯出時不用檢查這層。
物理尺寸下限
碼邊長至少 2cm（手臂距離可掃）；觀看距離每增加 1 公尺，邊長再加 1cm——海報按距離換算。
靜區不要裁
碼四周的留白（至少 4 個模組寬）是識別的一部分——排版時別讓設計元素擠進去。
啞光優先
反光銅版紙、亮面膜會反白導致識別失敗；啞光紙、啞光膜最穩。
印前實測
正式付印前打一張樣，用兩台以上手機（最好一台舊款）實際掃一次。
掛載環境
貼在玻璃、金屬面上時，留意環境反光與掃碼角度；室外物料選耐候覆膜。