标准
统一的 11 层 Tokens 结构
每个条目按相同结构整理...
把好网站沉淀成可复用的设计语料。
列表视图便于快速扫描和搜索。点击任意一条进入详情，可复制或下载它的 Markdown 风格迁移规范。
你保存下来的网页美学。
收藏存在这个浏览器，云端有备份。换设备？用「同步码」把收藏带过去 —— 不需要账号。
我请求的收录
你推荐的网站已进入审核队列。我们会跑设计系统管线、通过后发布到广场。
还没收藏任何网站
在图集或列表里点心形 ♥ 收藏喜欢的条目，会出现在这里。
在另一台设备已经收藏过？
关于 · OpenDesign
把那些"看一眼就知道很贵"的网站，拆成 AI 也能学的语料。
OpenDesign 是一个开放的网页美学资源库。每一个收录都附带一份 Markdown 设计系统规范 —— 不是文案，不是版式 PSD，而是把视觉、布局、交互、动效抽象成 AI 可直接复用的迁移指令。
用法
喂给 AI 生成同气质网页
在图集或列表里挑一个...
立场
克制，是这里的唯一标准
不收录炫技但没有内容的页面...
开放
所有规范开放复用
所有 Markdown 规范开放给任何人复制...
开源
代码 + 规范 + 工具，全在 GitHub
OpenDesign 的前端、抽取 CLI、Edge Function、所有 spec 都在 GitHub 上：代码 MIT，curated specs 走 CC BY 4.0。欢迎 fork、改进、提名新站。
每个 pack · 两份文档
不止 design.md —— 我们给两份。
Google Stitch 的 DESIGN.md 是一个标准格式的文件，我们完全兼容它；但我们额外给一份更系统、多语言的完整设计系统规范。一个 pack 里两份都有。
DESIGN.md
Google Stitch 兼容格式
YAML front matter（colors / typography / rounded / spacing tokens）+ 8 章 markdown 正文。任何读 design.md 标准的工具（Google Stitch、Cursor、Claude）都能直接吃。这是「通用护照」。
- YAML 设计 tokens（机器可读）
- Overview / Colors / Typography / Layout / Components / Do's & Don'ts
- 符合 google-labs-code/design.md 规范
DESIGN_SPEC.<lang>.md
OpenDesign 11 层 · 5 语言
我们自己的更系统规范：11 层 Tokens 全展开 + magazine 风格叙事 + 可直接粘的 System Prompt。每个 pack 出 5 种语言（中英日韩繁），让非英语 AI / 团队也能用。这是「深度手册」。
- 11 层：身份 / 颜色 / 字体 / 间距 / 表面 / 布局 / 组件 / 动效 / 交互 / 文案 / 禁用清单
- 每条 Don't 可在截图反验证 + 刁钻类比
- 250 字内 System Prompt，复制即用
外加：真 computed styles（summary.json）、实际字体清单（fonts.json）、17 张滚动证据截图。整包一个 ZIP 或一个 folder URL 全拿走。
示例 · 一份规范长什么样
规范示例
下面是当前精选中的一份完整 Markdown 设计系统规范...