Chinese Color AtlasRESOURCE PACK
首发价 · 立即购买 · DIGITAL DOWNLOAD
品牌设计师 · 设计系统团队 · 前端开发者

中国传统节日配色与 Token Kit

围绕五个传统节日提供 25 套 clean-source 编辑配色、125 个角色 Tokens 与逐套无障碍报告，并同步交付 JSON、W3C DTCG、CSS、Tailwind CJS 和结构化 Figma Variables 导入数据。

你会得到

Chinese Festival Color Palette & Token Kit cover
✓覆盖春节、清明、端午、中秋与重阳的 25 套现代编辑配色
✓125 个角色 Tokens：surface、primary、secondary、accent 与 text
✓Canonical JSON、W3C DTCG JSON、CSS 自定义属性、Tailwind-compatible CJS 与结构化 Figma Variables 导入 JSON
✓25 份逐套无障碍报告与汇总报告
✓中文名、拼音、英文名、稳定 ID、HEX、来源归属、许可说明与校验值
✓纯数据交付：不含图片、字体、可编辑模板、原生 Figma Library 或完整 567 色数据集

适合你，如果……

  • 为传统节日活动、品牌专题或产品界面建立可复用配色
  • 需要跨 JSON、DTCG、CSS、Tailwind 与 Figma 数据保持同值
  • 愿意依据逐套无障碍报告完成最终语义映射

不适合你，如果……

  • 需要节日插画、照片、字体或可编辑视觉模板
  • 期待官方、唯一或历史固定的节日色彩标准
真实交付目录
00-START-HERE/{README,QUICK-START,LICENSE-SUMMARY,ATTRIBUTION}.md
01-PALETTES/{json,dtcg,css,tailwind,figma-import-data}/
02-ACCESSIBILITY/{accessibility-summary.json,reports/ × 25}
03-RIGHTS-AND-MANIFESTS/{SOURCE-MANIFEST,RIGHTS-MANIFEST,CHECKSUMS}.json
manifest.json
数据结构预览

同一套节日语义，跨设计与代码格式保持同步

每个节日包含五套现代编辑配色；每套配色都使用 surface、primary、secondary、accent 与 text 五个角色，并附独立对比度报告。

PALETTES
5 个节日 · 25 套配色 · 每套 5 个角色
FORMATS
JSON · W3C DTCG · CSS · Tailwind CJS · Figma import data
ACCESSIBILITY
25 份逐套报告 · 对比度矩阵 · 使用说明

这是纯数据产品。营销页面使用的节日图片不包含在 ZIP 中；ZIP 也不包含字体、可编辑模板、原生 Figma Library 或完整 567 色数据集。

文件清单
✓ 覆盖春节、清明、端午、中秋与重阳的 25 套现代编辑配色
✓ 125 个角色 Tokens：surface、primary、secondary、accent 与 text
✓ Canonical JSON、W3C DTCG JSON、CSS 自定义属性、Tailwind-compatible CJS 与结构化 Figma Variables 导入 JSON
✓ 25 份逐套无障碍报告与汇总报告
✓ 中文名、拼音、英文名、稳定 ID、HEX、来源归属、许可说明与校验值
✓ 纯数据交付：不含图片、字体、可编辑模板、原生 Figma Library 或完整 567 色数据集
使用步骤
  1. 下载并解压纯数据资源包，先阅读 00-START-HERE/README.md 与 QUICK-START.md。
  2. 从 25 套节日配色中选择一套，再把对应 JSON、DTCG、CSS、Tailwind CJS 或结构化 Figma Variables 数据导入测试项目。
  3. 进入生产环境前，使用随附的逐套无障碍报告验证文字与背景组合。

适合哪些工作流？

五个节日，一套同步数据

春节、清明、端午、中秋与重阳共 25 套配色，以相同稳定 ID 同步到 JSON、DTCG、CSS、Tailwind 与 Figma 导入数据。

从色板到语义角色

每套配色都提供 surface、primary、secondary、accent 与 text 五个角色，便于进入品牌、活动页和设计系统。

逐套无障碍检查

每套配色附独立对比度报告，明确哪些文字与背景组合可用，减少上线前的重复计算。

使用多个工具？

完整包把 Figma、ASE、Procreate、CSS、Tailwind 和 AI 提示词放在一起。

如果你不只使用一个工具，完整包会比拆开购买更清晰：一次下载，覆盖设计、开发和 AI 创作交付。

查看完整包

相关资源包

完整设计资源包

设计团队 · 开发者 · AI 创作者

$39

Procreate 色板包

插画师 · 数字艺术家

$9

CSS 与 Tailwind Token 包

前端工程师 · 设计系统构建者

$9