无原创，纯转发http://drafts.miantiao.mehttp://drafts.miantiao.me/posts/143http://drafts.miantiao.me/posts/143Fri, 19 Jun 2026 01:09:42 GMTResend 品牌与设计系统正式开源<br /><br />知名邮件推送服务 Resend 公开了其完整的品牌与设计系统（Design and Brand System），包含 Logo、字体、配色、文案风格以及产品 UI 模式。<br /><br />为了方便团队协作与自动化，Resend 采用 Agent Skill 的方式来维护和分发这些规范与资产。你可以通过一行命令轻松安装：<br /><br /><code>npx skills add resend/design-skills</code><br /><br /><b>该系统主要包含以下三个核心模块：</b><br /><br />• <b>品牌指南 (Brand guidelines)</b>：涵盖配色、排版、Logo 视觉以及适用于市场宣发的内容调性。<br />• <b>设计系统 (Design system)</b>：提供组件模式、设计 Token 以及产品 UI 交互原则。<br />• <b>营销页面规范 (Marketing pages)</b>：规范了页面结构、公共基础组件及共享区块的设计。<br /><br />无论你是想学习成熟产品的视觉规范，还是正在构建自己的设计系统，这套开源指南都非常值得参考。<br /><br />交互式设计网站：<a href="https://resend.com/design" target="_blank" rel="noopener" title="https://resend.com/design">https://resend.com/design</a><br />完整开源仓库：<a href="https://github.com/resend/design-skills" target="_blank" rel="noopener" title="https://github.com/resend/design-skills">https://github.com/resend/design-skills</a><br />原文链接：<a href="https://resend.com/design.md" target="_blank" rel="noopener" title="https://resend.com/design.md">https://resend.com/design.md</a><br /><br /><a href="/search/result?q=%23%E8%AE%BE%E8%AE%A1%E7%B3%BB%E7%BB%9F" title="#设计系统">#设计系统</a> <a href="/search/result?q=%23UI%E8%AE%BE%E8%AE%A1" title="#UI设计">#UI设计</a> <a href="/search/result?q=%23%E5%93%81%E7%89%8C%E8%A7%84%E8%8C%83" title="#品牌规范">#品牌规范</a> <a href="/search/result?q=%23%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE" title="#开源项目">#开源项目</a><a class="tgme_widget_message_link_preview" href="https://resend.com/design" target="_blank" rel="noopener" title="Key brand elements and clear usage instructions for a consistent, memorable Resend experience."> <div class="link_preview_site_name accent_color">Resend</div> <img class="link_preview_image" alt="Brand Guidelines · Resend" src="https://drafts.miantiao.me/static/https://cdn4.telesco.pe/file/pnII49ZQ86gci20C2x9Jo0jhwt0_IcAoZU44-CcG_zYb_ZrTwWV3L11fC4k0DywX2h2l_BbuJuil0krC6Sh9loqwA7YDhGsi6RpOpY8HGy84_vFyEVeEXBsGh6lMHALFzXRRtfTSHsQqyfGIoyxS9HHAlydzmjSXUchBdMSMW_n6L3SX39UH22Mb3DnnJLurytXy8CeUhDHyxUfaqT8xGOQrzTxhqK9u3i6qBe5gGzrVlPF04pzdhnkdGOXkyQLtNaRUisyTeWDnqWdl1tpUpXxphSBNF4qyNyBhi2ADwRUjpm5rMJpSn9wyHOlgJJwCbQV20XbotUniuNW3tO7BUw.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">Brand Guidelines · Resend</div> <div class="link_preview_description">Key brand elements and clear usage instructions for a consistent, memorable Resend experience.</div> </a>