精选榜单
最适合深色模式的设计风格
好的深色模式不是把浅色主题的颜色翻个面。它是天生为深色而设计的：层次分明的近黑配色营造纵深、调校过的字体与对比保持清晰、强调色发光却不刺眼。下面这些来自 Curio 风格库的深色风格正是如此 —— 每一种都是完整系统，你的 AI 可通过 MCP 或下载 DESIGN.md 直接套上。
什么样的深色风格才算好
立得住的深色风格有几个共性：用多层近黑与灰阶让界面有纵深、而不是一片扁平的黑洞；调校过的文字对比保持可读、又不至于纯白刺眼；以及在暗底上读起来发光的强调色。难点和浅色一样在于克制 —— 既要纵深与氛围、又不丢可读性。
下面每一种都是完整设计系统 —— 色彩、字体、间距、组件加规则 —— 不是模板。你不用手动改；把 AI 指向它，它就用这种风格搭出界面。点「了解风格」看完整指南，或点「查看规格」看系统。
风格清单
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
常见问题
这些是真正的深色设计，还是浅色风格加个深色开关？
这些都是天生为深色而设计的风格 —— 配色、对比、层次从一开始就为暗底而生，所以纵深和可读性都立得住，而不像把浅色主题翻了个面。
怎么把这些风格用上？
把 Curio 的 MCP 服务连到你的 AI 客户端（Claude Code、Cursor、ChatGPT 等），让它用选定风格生成你的页面或应用；或下载该风格的 DESIGN.md 加进项目。