Chinese Color AtlasRESOURCE PACK
立即购买 · DIGITAL DOWNLOAD
设计团队 · 开发者 · AI 创作者

完整设计资源包

一个 ZIP 内含 133 个按工作流整理的文件,全部由 161 色 clean-source 核心生成:Figma Variables JSON、ASE、Procreate、网页 Tokens、AI 提示词、21 套修正版场景配色、无障碍报告与可视化指南。

你会得到

Complete Design Pack cover
适用于 Photoshop、Illustrator、InDesign 的 Adobe ASE 色板
29 个 Procreate .swatches:8 个 clean-core 色系组与 21 套修正版场景配色
CSS 变量、Tailwind 主题片段与 W3C DTCG 设计 Tokens
用于设计系统搭建的 Figma Variables JSON 导入文件
适用于 Midjourney、SDXL、ComfyUI 探索的 161 条 clean-source AI 提示词
21 套可用于生产的场景配色,每套含 JSON、CSS、SVG 预览、Procreate 色板与两两对比度报告
快速入门 PDF 与 22 页场景配色目录
含 RGB、HSL、CMYK、可靠度与明确 MIT 来源权利的 161 色 canonical JSON

适合你,如果……

  • 同时使用两个或以上设计、开发或 AI 工具
  • 需要可复用的 21 套场景配色与对比度报告
  • 要把 clean-source 数据、色板与代码文件一次性交付给团队

不适合你,如果……

  • 只想查询一两个色值,可继续使用免费网站
  • 只需要单一工具格式,选择对应的 $9 专项包更合适
真实交付目录
00-START-HERE/
  QUICK-START.pdf · SCENE-PALETTE-CATALOG.pdf
01-FIGMA/variables/
02-ADOBE/ASE/
03-PROCREATE/{core,scenes}/
04-WEB-AND-TOKENS/{css,tailwind,dtcg}
05-SCENE-PALETTES/{21 × json,css,svg,swatches,accessibility}
06-AI-PROMPTS/
07-CLEAN-DATA/
LICENSE · ATTRIBUTION · RIGHTS-MANIFEST · CHANGELOG
manifest.json
跨工具预览

同一套配色,从场景图到设计与代码交付

以下公开预览展示完整包的组织方式:场景配色先确定氛围,再进入 Figma、ASE、Procreate、Tokens 与 AI prompts。

guochao brand corrected clean-source Chinese color palette previewsong dynasty corrected clean-source Chinese color palette previewdunhuang silk road corrected clean-source Chinese color palette preview
DESIGN
Figma Variables · Adobe ASE · Procreate
CODE
CSS · Tailwind · DTCG · structured JSON
DIRECTION
21 scenes · SVG previews · contrast reports

预览展示 3 套 corrected clean-source 场景图;完整 161 色跨格式文件和可导入资产仅在付费 ZIP 中。

文件清单
适用于 Photoshop、Illustrator、InDesign 的 Adobe ASE 色板
29 个 Procreate .swatches:8 个 clean-core 色系组与 21 套修正版场景配色
CSS 变量、Tailwind 主题片段与 W3C DTCG 设计 Tokens
用于设计系统搭建的 Figma Variables JSON 导入文件
适用于 Midjourney、SDXL、ComfyUI 探索的 161 条 clean-source AI 提示词
21 套可用于生产的场景配色,每套含 JSON、CSS、SVG 预览、Procreate 色板与两两对比度报告
快速入门 PDF 与 22 页场景配色目录
含 RGB、HSL、CMYK、可靠度与明确 MIT 来源权利的 161 色 canonical JSON
使用步骤
  1. 下载并解压完整包,先阅读 README.md,再按你的工作流选择文件。
  2. 分别使用 Figma Variables、Adobe ASE、Procreate、CSS、Tailwind、DTCG、JSON 或 AI prompts 对应文件。
  3. 团队交付时保留许可与来源说明;若交付文件无法访问,请联系支持邮箱。
交付与支持

购买后通过 Polar 交付 cathycolor-complete-design-pack.zip。如文件缺失、损坏或无法访问,请联系 support@chinesecoloratlas.com。

适合哪些工作流?

设计到开发一次交付

同一套 161 色 clean-source 核心进入 Figma Variables JSON、CSS、Tailwind、DTCG 和 canonical JSON,避免不同工具之间出现色值偏差。

创作工具全覆盖

同时包含 ASE、29 个 Procreate 色板、161 条 AI prompts、21 套场景配色和无障碍报告,适合品牌、插画、UI 与 AI 探索。

适合资源包升级路径

如果你从 Figma、Tailwind 或 Midjourney guide 进入,这个完整包就是把单一场景扩展成完整工作流的入口。

免费样包

cathycolor-hot.swatchesProcreate · 8 个 Chinese Color Atlas 热门入门色0.3 KB ↓cathycolor-verified.swatchesProcreate · 30 个来源支持色样包0.9 KB ↓cathycolor-term-lichun.swatchesProcreate · 立春节气色板样包0.6 KB ↓cathycolor.css公开 CSS 自定义属性样包 · 用于测试工作流27 KB ↓sample-figma-vars.jsonFigma Variables 示例 · 用于测试导入和命名规范Figma Community sample file复制免费的 24 色 Figma Variables 社区样例,包含国潮、宋式与敦煌配色sample-ai-prompts.txt小版 Midjourney、SDXL、ComfyUI 提示词预览

相关资源包