关于 Design DNA

把好网站的设计语言拆成 AI 能直接使用的设计系统，帮 AI 编程工具做出更像「被设计过」的界面。

内容是怎么来的

我们的程序用桌面浏览器（1440×900）打开公开网页，读取页面上每个可见元素的计算样式：背景色、文字色、描边、字体、字号、行高、字距、内外边距、圆角、阴影，以及按钮、输入框、卡片、徽标等组件的样式，并把页面切成版块截图。这些数值经过聚类和整理，成为每个风格的「测量层」。

在测量层之上，由 AI 给颜色命名、写出用途说明、总结布局与配图方式、列出该做与不该做，并给每个版块标注类型和交互套路。AI 只能使用测出来的色值和数值，不能自己编；输出会经过程序校验，不在测量结果里的色值一律丢弃。

AI 生成内容标识

本站的风格名称、颜色名称、用途说明、描述、建议和版块标注，以及下载的 DESIGN.md、Tailwind、CSS 变量和 Design Tokens 文件，均为 AI 辅助生成内容。导出文件的头部写有同样的标识。数值部分为程序实测，可能因原网站改版而过时，每个风格页都注明了采集日期。

版权与商标

截图、标志、产品图和文案的权利归原网站所有者。本站只用于设计研究与参考：请学习配色关系、字号层级、间距节奏和版式，不要复制品牌素材。如果你是网站所有者，希望不被收录，请按 爬虫说明 在 robots.txt 里屏蔽我们，已收录的内容会在下次更新时移除。

我们不做的事

• 不绕过任何网站的反爬、验证码或登录；被拦的网站直接跳过。
• 不采集需要登录才能看到的页面，不注册任何第三方账号。
• 不搬运其他设计资源站的文字、截图或文件，所有内容都由我们自己从原网页测量生成。

Design DNA 由 出海智舱 制作。