文件清單
✓ 全部 567 個中國傳統色的 CSS 自定義屬性
✓ 帶穩定 token 命名的 Tailwind 主題片段
✓ 用於設計系統交付的 W3C DTCG 設計 Tokens
✓ 含 RGB、HSL、CMYK、場景、提示詞與關系的完整 JSON 數據集
Chinese Color AtlasRESOURCE PACK
立即購買 · DIGITAL DOWNLOAD
前端工程師 · 設計系統構建者
前端工程師 · 設計系統構建者
CSS 與 Tailwind Token 包
面向中國色 UI 系統的可直接接入資源：CSS 變量、Tailwind 配置、W3C DTCG Tokens 與結構化 JSON。
你會得到
✓全部 567 個中國傳統色的 CSS 自定義屬性
✓帶穩定 token 命名的 Tailwind 主題片段
✓用於設計系統交付的 W3C DTCG 設計 Tokens
✓含 RGB、HSL、CMYK、場景、提示詞與關系的完整 JSON 數據集
使用步驟
- 下载 ZIP 并解压资源包。
- 按工具选择对应文件：.swatches、.ase、CSS、Tailwind、DTCG、Figma Variables 或 AI prompts。
- 先用免费样包验证导入流程，再把完整文件放进你的项目或设计稿。
交付與支持
購買後通過 Polar 交付 cathycolor-developer-token-pack.zip。如文件缺失、損壞或無法訪問，請聯系 support@chinesecoloratlas.com。
適合哪些工作流？
給 Tailwind 和 CSS 項目
把中國傳統色轉成穩定 token 名、CSS 自定義屬性、Tailwind theme partial 和 DTCG JSON。
適合設計系統接入
先用 primitive tokens 保留色名，再映射到 brand、surface、text、border、accent 等語義角色。
比完整包更聚焦
如果你不需要 Figma、Procreate、ASE 或 AI prompts，只需要網頁和產品 UI 交付，這個包更輕。
免費樣包
使用多個工具？
完整包把 Figma、ASE、Procreate、CSS、Tailwind 和 AI 提示詞放在一起。
如果你不只使用一個工具，完整包會比拆開購買更清晰：一次下載，覆蓋設計、開發和 AI 創作交付。