DESIGN.mdDESIGN.md · 影像
影像优先画廊风(灵感来源 Apple)
影像优先 + 明暗交替画布 + 单一动作蓝,克制如美术馆
Overview
一套把营销做成美术馆的设计语言:整幅产品图块明暗画布交替,SF Pro 式负字距大标题(开源替代)框住画面,唯一的交互色是动作蓝。界面 chrome 后退,让产品本身说话,没有装饰渐变、没有 chrome 阴影,只有产品图落在表面时那一道招牌投影。
怎么用(vibe coding 三步):1)把 DESIGN.md 放进项目根目录;2)对 Claude Code / Cursor 说「读 DESIGN.md,照这个风格做一个落地页」;3)想微调就改里面的色板或字体 token,再让 AI 重跑。
独立分析公开可见的设计模式,仅作灵感与学习参考,与品牌方无关;相关名称与商标归各自所有者。来源:VoltAgent/awesome-design-md(MIT)。
How to Use
硬件 / 产品发布页、高端品牌站、作品集
读 DESIGN.md → 照风格生成页面 → 改色板/字体 token 微调
适配工具
Claude
Cursor
Codex