@bkdgiffug: Vercel真是实在人,自家的design.md直接扔出来了人家设计规范都藏着掖着,它偏要公开给你看。 顺手看了下新首页,应该是改版了,纯黑底+正中一个三角形,干净利落。比市面上那些花里胡哨的“我很特别”设计耐看得多。 好这口的直接拿去用…
摘要
Vercel公开了自家design.md设计规范,并展示了新首页的极简设计,赢得开发者好评。
查看缓存全文
缓存时间: 2026/08/06 04:34
Vercel真是实在人,自家的design.md直接扔出来了人家设计规范都藏着掖着,它偏要公开给你看。
顺手看了下新首页,应该是改版了,纯黑底+正中一个三角形,干净利落。比市面上那些花里胡哨的“我很特别”设计耐看得多。
好这口的直接拿去用,官方design.md写得明明白白,比那些扒源码硬抄的靠谱多了。 https://vercel.com/design.md
Source: https://vercel.com/design.md ` and every numeric ``; body-cell alignment does not align the header automatically. Never center or left-align a header above right-aligned values. - Keep peer units and precision consistent; do not add fake precision. - Bottom-align multi-line column headers and keep row labels readable. - Use normal density for ordinary short tables; compact density is for genuinely dense lookup. - Highlight a recommended row only when the source supports the recommendation. - Reorder columns around the reader’s lookup task before shrinking or wrapping them. - Give dense evidence enough width before choosing a split layout. A table with five or more columns, or any table whose headers wrap at normal desktop width, normally owns the full section width. Never clip, truncate, or shrink a header to preserve a neighboring prose rail; move the introduction above the table or simplify the columns. ```html Page VisitorsHomepage 12,757
相似文章
@Huanusa: 前端+设计师真的要失业了! 有人做了个神器 http://designmd.me: 直接扔网站URL进去,一键提取完整设计系统 (配色、字体、组件、布局全扒出来),自动生成 DESIGN.md 文件! 直接扔网站 URL 进去, 一键提取…
有人开发了一个神器 designmd.me,只需输入网站 URL 即可一键提取完整的设计系统(配色、字体、组件、布局),自动生成 DESIGN.md 文件。配合已有 5.4 万星的 awesome-design-md 仓库,能快速复刻顶级品牌的 UI。
@0xCheshire: AI 做出来的网页总有一股模板味,不一定是模型不够强。 你可能只是少给了它一个文件:`DESIGN.md`。 Awesome DESIGN.md 收录了 70 多套从真实网站整理出的视觉规则,覆盖 Vercel、Apple、Stripe、…
Awesome DESIGN.md 是一个开源项目,收录了70多套从真实网站整理的视觉规则,帮助AI生成更自然的网页设计。
@yaohui12138: 卧槽!本以为claude design已是最强,没想到这个项目也这么好用啊 周六晚上,朋友做的一个 SaaS 后台 UI AI味太重,丑到客户发了个「呵呵」..... 我直接用一个 GitHub 项目1小时帮他重做完。其实就是一个叫 DE…
The article introduces 'awesome-design-md', an open-source collection of DESIGN.md files that reverse-engineer the design systems of major tech companies. It allows developers to use AI coding agents like Claude or Cursor to generate UI with specific brand styles by simply adding a markdown file to their project.
@leon7hao: https://x.com/leon7hao/status/2059191435753410630
分享使用 Codex 和 Claude Code 通过 vibe coding 方式重构前端 UI 的个人经验,声明非专业设计,仅供技术参考。
@xin_pai88825: 之前做的一个 web to design md 的skill,一直忘记给大家分享,目前已开源到 github,图一图二是提取出来的效果,朋友都在夸。使用方式也很简单,直接发网址给他,让他帮你提取 design.mdj就行了
作者分享了一个将网页转换为 design.md 的开源工具,使用简单,只需发送网址即可提取设计文件。