为你的 agent 准备的设计系统.
浏览真实世界的设计系统范例——品牌级的色板、字体、动效与文风,你的 coding agent 可一键套用到任何项目。每个系统都开源,支持 Claude、Codex、Cursor 等。
- Agentic 主题与特色Build something people love.Get startedLearn more
对话 AI 优先界面,控件极简,结果清晰,任务委托流程,专为智能体工作流设计。
查看设计系统 → - Airbnb 电商与零售Build something people love.Get startedLearn more
旅行市场平台。暖珊瑚色点缀,摄影驱动,圆角 UI。
查看设计系统 → - Airtable 设计与创意Build something people love.Get startedLearn more
电子表格数据库混合体。色彩丰富,友好,结构化数据美学。
查看设计系统 → - Ant 专业与企业Build something people love.Get startedLearn more
结构化的企业级设计系统,强调清晰、一致与高效,适用于数据密集型 Web 应用。
查看设计系统 → - Apple 媒体与消费Build something people love.Get startedLearn more
消费电子。极致留白,SF Pro 字体,电影级视觉。
查看设计系统 → - Application 专业与企业Build something people love.Get startedLearn more
应用仪表盘,紫色主题美学,顶栏导航,卡片式布局,开发者优先工作流。
查看设计系统 → - Arc Browser 效率与 SaaSBuild something people love.Get startedLearn more
「为你冲浪的浏览器。」半透明界面,渐变温度,侧边栏优先布局。
查看设计系统 → - Artistic 创意艺术Build something people love.Get startedLearn more
高对比、富有表现力的风格,创意排版与大胆色彩,视觉冲击力强的界面。
查看设计系统 → - Atelier Zero 编辑 · 工作室Build something people love.Get startedLearn more
杂志级拼贴视觉系统:暖纸张底色,超现实石膏与建筑意象,超大展示字体,发丝细线,罗马数字章节标记,微型编辑注释。灵感来自高端印刷杂志(Monocle、Apartamento、IDEA)的制作水准,转化为可用的网站设计。
查看设计系统 → - Bento 布局与结构Build something people love.Get startedLearn more
模块化网格布局,卡片式块状,清晰层级,柔和间距,微妙视觉对比,界面有序可扫。
查看设计系统 → - Binance.US 金融科技与加密Build something people love.Get startedLearn more
加密货币交易所。单色底上的大胆黄色点缀,交易场的紧迫感。
查看设计系统 → - BMW 汽车Build something people love.Get startedLearn more
豪华汽车。深色高端界面,精准的德系工程美学。
查看设计系统 → - BMW M 汽车Build something people love.Get startedLearn more
赛车运动子品牌。近黑驾驶舱界面,BMW M 三色点缀,锐利工程几何感。
查看设计系统 → - Bold 大胆表现Build something people love.Get startedLearn more
强烈的视觉存在感,重磅字体,高对比色彩,极具统治力的布局。
查看设计系统 → - Brutalism 大胆表现Build something people love.Get startedLearn more
原始反设计美学,源自混凝土建筑,元素朴素,布局强烈,功能极简主义。
查看设计系统 → - Bugatti 汽车Build something people love.Get startedLearn more
超跑品牌。电影级纯黑画布,极简黑白克制,大号展示字体。
查看设计系统 → - Cafe 创意艺术Build something people love.Get startedLearn more
舒适咖啡馆风格界面,暖色调,柔和排版,干净布局,带来放松的浏览体验。
查看设计系统 → - Cal.com 效率与 SaaSBuild something people love.Get startedLearn more
开源日程安排。干净中性 UI,开发者友好的简洁感。
查看设计系统 → - Canva 设计与创意Build something people love.Get startedLearn more
视觉创作平台。鲜明紫蓝渐变,宽松间距,友好几何造型。
查看设计系统 → - Cisco 后端与数据Build something people love.Get startedLearn more
企业基础设施品牌。深色信任界面,Cisco 蓝色信号,技术清晰感。
查看设计系统 → - Claude (Anthropic) AI 与大模型Build something people love.Get startedLearn more
Anthropic 的 AI 助手。暖陶土色点缀,干净的编辑布局。
查看设计系统 → - Clay 设计与创意Build something people love.Get startedLearn more
创意机构。有机形态,柔和渐变,艺术指导式布局。
查看设计系统 → - Claymorphism 拟态与特效Build something people love.Get startedLearn more
柔软圆润的 3D 类黏土造型,蓬松活泼的元素,色彩鲜明的界面。
查看设计系统 → - Clean 现代极简Build something people love.Get startedLearn more
专注简洁,充足留白,易读排版,有限配色,减少视觉杂乱。
查看设计系统 → - ClickHouse 后端与数据Build something people love.Get startedLearn more
高性能分析数据库。黄色强调,技术文档风格。
查看设计系统 → - Cohere AI 与大模型Build something people love.Get startedLearn more
企业级 AI 平台。鲜明渐变,数据丰富的仪表盘美学。
查看设计系统 → - Coinbase 金融科技与加密Build something people love.Get startedLearn more
加密货币交易所。干净蓝色身份,信任感强,机构级质感。
查看设计系统 → - Colorful 大胆表现Build something people love.Get startedLearn more
鲜明高对比配色与渐变,界面引人入胜、令人印象深刻且现代感十足。
查看设计系统 → - Composio 后端与数据Build something people love.Get startedLearn more
工具集成平台。现代深色风格,色彩丰富的集成图标。
查看设计系统 → - Contemporary 现代极简Build something people love.Get startedLearn more
当代极简设计,Bento 网格,深色模式支持,高性能无障碍布局。
查看设计系统 → - Corporate 专业与企业Build something people love.Get startedLearn more
专业、品牌对齐的设计,结构化网格、极简布局,企业级视觉规范。
查看设计系统 → - Cosmic 创意艺术Build something people love.Get startedLearn more
未来科幻美学,深色主题,鲜艳霓虹点缀,沉浸式空间感元素。
查看设计系统 → - Creative 创意艺术Build something people love.Get startedLearn more
活泼、角色驱动的设计,富有表现力的排版与大胆图形,适合落地页与创意项目。
查看设计系统 → - Cursor 开发者工具Build something people love.Get startedLearn more
AI 原生代码编辑器。简洁深色界面,渐变点缀色。
查看设计系统 → - Dashboard 专业与企业Build something people love.Get startedLearn more
深色调云平台美学,模块化网格,类玻璃面板,强数据层级,适合生产力仪表盘。
查看设计系统 → - Discord 效率与 SaaSBuild something people love.Get startedLearn more
语音/聊天平台。深蓝紫色调,深色优先界面,活泼的点缀色。
查看设计系统 → - Dithered 复古怀旧Build something people love.Get startedLearn more
点阵渲染技术,用有限色板模拟色调,怀旧、复古、高对比度视觉。
查看设计系统 → - Doodle 创意艺术Build something people love.Get startedLearn more
手绘涂鸦风格,手写字体,不规则线条,活泼随性的非正式感。
查看设计系统 → - Dramatic 大胆表现Build something people love.Get startedLearn more
高对比度、戏剧性设计,大胆布局,沉浸式视觉,非常规构图,极具视觉冲击力。
查看设计系统 → - Duolingo 效率与 SaaSBuild something people love.Get startedLearn more
语言学习平台。明亮猫头鹰绿,厚重阴影,游戏化趣味。
查看设计系统 → - Editorial 创意艺术Build something people love.Get startedLearn more
杂志风编辑布局,精致衬线排版,结构化网格,优雅的阅读体验。
查看设计系统 → - Elegant 专业与企业Build something people love.Get startedLearn more
优雅精致的美学,轻盈排版,极简配色,精抛光布局,透露高级感。
查看设计系统 → - ElevenLabs AI 与大模型Build something people love.Get startedLearn more
AI 语音平台。深色电影级 UI,音频波形美学。
查看设计系统 → - Energetic 大胆表现Build something people love.Get startedLearn more
动感鲜活风格,粗边框,几何形态,高对比色彩,富有表现力的排版,传递运动与活力。
查看设计系统 → - Enterprise 专业与企业Build something people love.Get startedLearn more
简洁、高对比度的企业设计,适用于数据驱动工作流,支持拖拽交互与结构化布局。
查看设计系统 → - Expo 开发者工具Build something people love.Get startedLearn more
React Native 平台。深色主题,紧凑字间距,代码优先。
查看设计系统 → - Expressive 大胆表现Build something people love.Get startedLearn more
鲜明、个性驱动的设计,大胆色彩,活泼图形,动态布局,创意与结构并存。
查看设计系统 → - Fantasy 创意艺术Build something people love.Get startedLearn more
游戏奇幻美学,高端视觉,丰富配色,沉浸式主题元素。
查看设计系统 → - Ferrari 汽车Build something people love.Get startedLearn more
豪华汽车。明暗对比式编辑风格,法拉利红点缀,电影级黑底。
查看设计系统 → - Figma 设计与创意Build something people love.Get startedLearn more
协作设计工具。鲜明多色,活泼又专业。
查看设计系统 → - Flat 现代极简Build something people love.Get startedLearn more
二维极简风格,色彩鲜明,排版干净,无 3D 效果,界面快速友好。
查看设计系统 → - Framer 设计与创意Build something people love.Get startedLearn more
建站工具。大胆黑蓝配色,动效优先,设计感十足。
查看设计系统 → - Friendly 创意艺术Build something people love.Get startedLearn more
亲切直观的设计,圆润元素,充足留白,柔和粉彩色调。
查看设计系统 → - Futuristic 主题与特色Build something people love.Get startedLearn more
前瞻性设计,科技感排版,现代布局,简洁的创新驱动美学。
查看设计系统 → - GitHub 开发者工具Build something people love.Get startedLearn more
代码优先平台。功能密度,蓝白精准,Primer 设计基础。
查看设计系统 → - Glassmorphism 拟态与特效Build something people love.Get startedLearn more
磨砂玻璃效果,半透明分层,微妙模糊,发光边框,深度与现代优雅感兼具。
查看设计系统 → - Gradient 拟态与特效Build something people love.Get startedLearn more
流畅的色彩过渡与渐变丰富的界面,赋予现代、活泼的视觉深度。
查看设计系统 → - HashiCorp 后端与数据Build something people love.Get startedLearn more
基础设施自动化。企业级简洁,黑白配色。
查看设计系统 → - HUD Design System 主题与特色Build something people love.Get startedLearn more
战斗机/直升机平视显示器。磷光绿在近黑底上,全大写数据叠加,棱角几何。高速高空下零歧义。
查看设计系统 → - Hugging Face AI 与大模型Build something people love.Get startedLearn more
机器学习社区。明黄色点缀,等宽字体身份,活泼而信息密集。
查看设计系统 → - IBM 媒体与消费Build something people love.Get startedLearn more
企业技术。Carbon 设计系统,结构化蓝色调。
查看设计系统 → - Intercom 效率与 SaaSBuild something people love.Get startedLearn more
客户消息平台。友好的蓝色色调,对话式 UI 模式。
查看设计系统 → - kami (紙 / 纸) 编辑与印刷Build something people love.Get startedLearn more
编辑纸张系统:暖羊皮纸底色,墨蓝色点缀,衬线主导的层级结构。专为简历、单页稿、白皮书、作品集、幻灯片设计——让一切呈现出高质量印刷品的质感而非 UI 界面。原生支持多语言(EN · zh-CN · ja)。
查看设计系统 → - Kraken 金融科技与加密Build something people love.Get startedLearn more
加密货币交易。紫色点缀深色 UI,数据密集仪表盘。
查看设计系统 → - Lamborghini 汽车Build something people love.Get startedLearn more
超跑品牌。纯黑界面,金色点缀,戏剧性大写字体。
查看设计系统 → - Levels 布局与结构Build something people love.Get startedLearn more
以转化为核心的设计,去除摩擦,通过清晰、信任与速度引导用户行动。
查看设计系统 → - Linear 效率与 SaaSBuild something people love.Get startedLearn more
项目管理。超极简,精准,紫色点缀。
查看设计系统 → - Lingo 创意艺术Build something people love.Get startedLearn more
活泼极简设计,明亮色彩,圆润形态,触感 3D 边框,友好插画,界面亲和力十足。
查看设计系统 → - Loom Design System 主题与特色Build something people love.Get startedLearn more
Loom 异步视频。紫色主色,友好界面,视频优先布局。简洁专业,不失亲和力。
查看设计系统 → - Lovable 开发者工具Build something people love.Get startedLearn more
AI 全栈构建工具。活泼渐变,友好的开发者美学。
查看设计系统 → - Luxury 专业与企业Build something people love.Get startedLearn more
高端暗色美学,大标题,单色配色,奢侈品牌专属的高级质感。
查看设计系统 → - Mastercard 金融科技与加密Build something people love.Get startedLearn more
全球支付网络。暖奶油底色,圆形药丸造型,编辑感温度。
查看设计系统 → - Material 专业与企业Build something people love.Get startedLearn more
Google Material Design,分层界面,动态主题,内置动效,响应式跨平台规范。
查看设计系统 → - Meta (Store) 电商与零售Build something people love.Get startedLearn more
科技零售店。摄影优先,黑白双界面,Meta 蓝色 CTA。
查看设计系统 → - Minimal 现代极简Build something people love.Get startedLearn more
减法设计,突出留白、干净排版和克制用色,最大化清晰度与专注感。
查看设计系统 → - MiniMax AI 与大模型Build something people love.Get startedLearn more
AI 模型提供商。大胆暗色界面,霓虹点缀。
查看设计系统 → - Mintlify 效率与 SaaSBuild something people love.Get startedLearn more
文档平台。简洁,绿色强调,阅读优化。
查看设计系统 → - Miro 设计与创意Build something people love.Get startedLearn more
视觉协作平台。明亮黄色点缀,无限画布美学。
查看设计系统 → - Mission Control Design System 开发者工具Build something people love.Get startedLearn more
太空/航空任务监控。深色指挥中心,琥珀遥测,等宽精准。功能清晰高于一切。
查看设计系统 → - Mistral AI AI 与大模型Build something people love.Get startedLearn more
开放权重 LLM 提供商。法式工程极简,紫色调。
查看设计系统 → - Modern 现代极简Build something people love.Get startedLearn more
当代编辑风格,衬线排版,极简配色,干净布局,适合精致数字产品。
查看设计系统 → - MongoDB 后端与数据Build something people love.Get startedLearn more
文档数据库。绿叶品牌,以开发者文档为核心。
查看设计系统 → - Mono 现代极简Build something people love.Get startedLearn more
等宽字体驱动,矩阵风格设计,高对比元素,紧凑密度,黑客极简美学。
查看设计系统 → - Neobrutalism 大胆表现Build something people love.Get startedLearn more
现代粗野主义,粗边框,鲜艳点缀色,暖色底上的原始高对比布局。
查看设计系统 → - Neon 拟态与特效Build something people love.Get startedLearn more
电光霓虹发光效果,高对比色彩搭配,界面大胆夺目。
查看设计系统 → - Neumorphism 拟态与特效Build something people love.Get startedLearn more
柔软凸起的 UI 元素,单色界面上内外阴影兼具,触感嵌入式外观。
查看设计系统 → - Neutral Modern 入门Build something people love.Get startedLearn more
干净、以产品为中心的默认风格。适合没有特定情绪要求的场景——B2B 工具、仪表盘和实用页面的理想选择。
查看设计系统 → - Nike 电商与零售Build something people love.Get startedLearn more
运动零售。单色 UI,超大大写字体,全出血摄影。
查看设计系统 → - Notion 效率与 SaaSBuild something people love.Get startedLearn more
全能工作空间。暖调极简,衬线标题,柔和界面。
查看设计系统 → - NVIDIA 媒体与消费Build something people love.Get startedLearn more
GPU 计算。绿黑能量,技术力量感美学。
查看设计系统 → - Ollama AI 与大模型Build something people love.Get startedLearn more
本地运行 LLM。终端优先,单色极简。
查看设计系统 → - OpenAI AI 与大模型Build something people love.Get startedLearn more
平静的近单色系统,以深青黑为基底,充足留白,编辑感排版。
查看设计系统 → - OpenCode AI 与大模型Build something people love.Get startedLearn more
AI 编程平台。以开发者为中心的深色主题。
查看设计系统 → - Pacman 主题与特色Build something people love.Get startedLearn more
复古街机风格,像素字体,点状边框,高对比度色彩,8-bit 游戏美学。
查看设计系统 → - Paper 复古怀旧Build something people love.Get startedLearn more
纸张质感、印刷风格设计,用色克制,干净的衬线/无衬线排版,触感表面。
查看设计系统 → - Perplexity AI AI 与大模型Build something people love.Get startedLearn more
对话式 AI 搜索引擎。极深暗色画布,锐利排版,单一紫罗兰色点缀,密集信息层级。
查看设计系统 → - Perspective 布局与结构Build something people love.Get startedLearn more
空间深度设计,等轴视图,消失点,分层元素,通过 3D 真实感引导视线。
查看设计系统 → - Pinterest 媒体与消费Build something people love.Get startedLearn more
视觉发现平台。红色强调,瀑布流网格,图片优先。
查看设计系统 → - PlayStation 媒体与消费Build something people love.Get startedLearn more
游戏主机零售。三层通道布局,静默权威的展示字体,青色悬停缩放效果。
查看设计系统 → - PostHog 后端与数据Build something people love.Get startedLearn more
产品分析。刺猬品牌,开发者友好的深色 UI。
查看设计系统 → - Premium 专业与企业Build something people love.Get startedLearn more
Apple 风格高端美学,精准间距,现代排版,精致抛光的视觉语言。
查看设计系统 → - Professional 专业与企业Build something people love.Get startedLearn more
精致的商务设计,现代排版,结构化布局,可信赖的视觉形象。
查看设计系统 → - Publication 创意艺术Build something people love.Get startedLearn more
印刷风视觉语言,适用于书籍、杂志和报告,编辑网格与富有表现力的排版。
查看设计系统 → - Raycast 开发者工具Build something people love.Get startedLearn more
生产力启动器。简洁深色外壳,鲜明渐变点缀。
查看设计系统 → - Refined 现代极简Build something people love.Get startedLearn more
精心打磨的现代极简风格,优雅衬线排版,低调精致的配色。
查看设计系统 → - Renault 汽车Build something people love.Get startedLearn more
法系汽车。极光渐变,NouvelR 字体,充满活力。
查看设计系统 → - Replicate AI 与大模型Build something people love.Get startedLearn more
API 运行 ML 模型。干净白色画布,代码优先。
查看设计系统 → - Resend 效率与 SaaSBuild something people love.Get startedLearn more
邮件 API。极简深色主题,等宽点缀。
查看设计系统 → - Retro 复古怀旧Build something people love.Get startedLearn more
怀旧设计,复古排版,高对比复古配色,经典视觉元素。
查看设计系统 → - Revolut 金融科技与加密Build something people love.Get startedLearn more
数字银行。简洁深色界面,渐变卡片,金融科技精准感。
查看设计系统 → - Runway AI 与大模型Build something people love.Get startedLearn more
AI 视频生成。电影级深色 UI,富媒体布局。
查看设计系统 → - Sanity 后端与数据Build something people love.Get startedLearn more
Headless CMS。红色强调,内容优先编辑布局。
查看设计系统 → - Sentry 后端与数据Build something people love.Get startedLearn more
错误监控。深色仪表盘,数据密集,粉紫色点缀。
查看设计系统 → - Shadcn 现代极简Build something people love.Get startedLearn more
shadcn/ui 风格设计,组件极简干净,单色配色,实用优先模式。
查看设计系统 → - Shopify 电商与零售Build something people love.Get startedLearn more
电商平台。深色电影级风格,霓虹绿点缀,超轻字体。
查看设计系统 → - Simple 现代极简Build something people love.Get startedLearn more
直截了当,无多余装饰,干净排版,中性色彩,直观布局,界面不喧宾夺主。
查看设计系统 → - Skeumorphism 拟态与特效Build something people love.Get startedLearn more
真实世界拟物化,纹理表面,3D 效果,熟悉的物理隐喻,数字界面直观易懂。
查看设计系统 → - Slack 效率与 SaaSBuild something people love.Get startedLearn more
职场沟通平台。茄紫主色,多彩 Logo 配色,浅色界面配深色侧边栏,温暖亲切。
查看设计系统 → - Sleek 现代极简Build something people love.Get startedLearn more
现代极简美学,线条干净,配色精到,交互克制,间距一致。
查看设计系统 → - SpaceX 媒体与消费Build something people love.Get startedLearn more
航天科技。纯粹黑白,全出血影像,未来感十足。
查看设计系统 → - Spacious 布局与结构Build something people love.Get startedLearn more
充足留白,统一内边距,基于网格的布局,界面干净、易读、有呼吸感。
查看设计系统 → - Spotify 媒体与消费Build something people love.Get startedLearn more
音乐流媒体。暗底上的鲜绿,大胆字体,专辑封面驱动。
查看设计系统 → - Starbucks 电商与零售Build something people love.Get startedLearn more
全球咖啡零售品牌。四层绿色体系,暖奶油底色,全圆角按钮。
查看设计系统 → - Storytelling 创意艺术Build something people love.Get startedLearn more
叙事驱动设计,视觉、文案与交互协同,引导用户体验情感共鸣的旅程。
查看设计系统 → - Stripe 金融科技与加密Build something people love.Get startedLearn more
支付基础设施。标志性紫色渐变,300 字重优雅感。
查看设计系统 → - Supabase 后端与数据Build something people love.Get startedLearn more
开源 Firebase 替代品。深色翠绿主题,代码优先。
查看设计系统 → - Superhuman 开发者工具Build something people love.Get startedLearn more
高速邮件客户端。高端深色 UI,键盘优先,紫色光晕。
查看设计系统 → - Tesla 汽车Build something people love.Get startedLearn more
电动汽车。极致减法,全视口摄影,近乎零 UI。
查看设计系统 → - Tetris 主题与特色Build something people love.Get startedLearn more
经典方块游戏风格,活泼色彩,大胆展示字体,紧凑高能布局。
查看设计系统 → - The Verge 媒体与消费Build something people love.Get startedLearn more
科技编辑媒体。酸性薄荷绿与紫外线点缀,Manuka 展示字体,锐利故事卡片。
查看设计系统 → - Together AI AI 与大模型Build something people love.Get startedLearn more
开源 AI 基础设施。技术感,蓝图风格设计。
查看设计系统 → - Totality Festival 主题与特色Build something people love.Get startedLearn more
宇宙级高端玻璃态深色系统,捕捉日全食的震撼——黑曜石界面,琥珀「日冕」高光,青色大气点缀。
查看设计系统 → - Trading Terminal Design System 主题与特色Build something people love.Get startedLearn more
Bloomberg 风格金融交易终端。纯深色,数据密集,青色/珊瑚色买卖信号。两米外一目了然。
查看设计系统 → - Uber 媒体与消费Build something people love.Get startedLearn more
出行平台。大胆的黑白对比,紧凑排版,都市感十足。
查看设计系统 → - Urdu Modern (Indus Script System) 编辑 / 个人 / 出版 查看设计系统 →Build something people love.Get startedLearn more
- Vercel 开发者工具Build something people love.Get startedLearn more
前端部署。黑白精准,Geist 字体。
查看设计系统 → - Vibrant 大胆表现Build something people love.Get startedLearn more
鲜活多彩的设计,大胆活泼的排版,暖色点缀,充满动态视觉能量。
查看设计系统 → - Vintage 复古怀旧Build something people love.Get startedLearn more
1950-1990 年代怀旧感,拟物化触感,颗粒质感,复古配色,像素风排版。
查看设计系统 → - Vodafone 媒体与消费Build something people love.Get startedLearn more
全球电信品牌。大写展示字体,Vodafone 红色章节色带。
查看设计系统 → - VoltAgent AI 与大模型Build something people love.Get startedLearn more
AI 智能体框架。纯黑画布,翠绿点缀,终端原生。
查看设计系统 → - Warm Editorial 入门Build something people love.Get startedLearn more
衬线主导的杂志美学。暖陶土色点缀,温暖的米色纸底——适合长文阅读、编辑内容与品牌营销页。
查看设计系统 → - Warp 开发者工具Build something people love.Get startedLearn more
现代终端。深色 IDE 风格界面,基于块的命令 UI。
查看设计系统 → - Webex 效率与 SaaSBuild something people love.Get startedLearn more
协作平台。Momentum 排版,蓝色操作系统,多用户多彩点缀。
查看设计系统 → - Webflow 设计与创意Build something people love.Get startedLearn more
可视化建站工具。蓝色强调,精致的营销站美学。
查看设计系统 → - WeChat Design System 社交与通讯Build something people love.Get startedLearn more
微信小程序、公众号及开放生态扩展的品牌视觉语言。
查看设计系统 → - WIRED 媒体与消费Build something people love.Get startedLearn more
科技杂志。纸白宽版密度,定制衬线展示字体,等宽引导词,墨蓝链接。
查看设计系统 → - Wise 金融科技与加密Build something people love.Get startedLearn more
跨境汇款。亮绿色点缀,友好清晰。
查看设计系统 → - xAI AI 与大模型Build something people love.Get startedLearn more
Elon Musk 的 AI 实验室。纯粹单色,未来极简主义。
查看设计系统 → - Xiaohongshu 媒体与消费Build something people love.Get startedLearn more
生活方式 UGC 社交平台。品牌红,大圆角,内容优先。
查看设计系统 → - Zapier 效率与 SaaSBuild something people love.Get startedLearn more
自动化平台。暖橙色,友好插画驱动。
查看设计系统 →
没有匹配项,换个关键词试试。
什么是设计系统?
设计系统是一套可复用的品牌基础——色板、字体、间距、动效与文风——让每个界面保持一致。在 Open Design 中,每个设计系统都是一个插件:把项目绑到某个系统,你的 coding agent 会自动继承它的色板、字体、动效与文风,产出始终贴合品牌。
每一套系统都是一个 DESIGN.md 文件
这里的每套设计系统都是一个 DESIGN.md——一份人类和 agent 都能读懂的 markdown 规范,记录品牌的视觉主题、色彩角色、字号层级和交互语言。它存放在你的仓库里,随 git 版本管理,并跟随你的项目一起流转。
把 Claude Code、Cursor 或任意编程 agent 指向这个文件,它生成的每个组件、页面和素材都会继承相同的品牌身份。DESIGN.md 是一种开放的 Apache-2.0 格式;Open Design 则是围绕它构建的开源、本地优先的库与工具链。
# Design System Inspired by Linear
> Category: Productivity
> Focused, low-chrome workspace. Inter, tight grid, restrained color.
## 1. Visual Theme & Atmosphere
A calm, dense product surface where typography and spacing
carry the hierarchy and color is used sparingly for intent.
## 2. Color Palette & Roles
### Primary
- **Ink** (`#0d0e10`): Primary text and dark surfaces.
- **Violet** (`#5e6ad2`): Action and focus accent.
- **Surface** (`#f4f5f8`): Light canvas for content blocks. - 01
选一套系统
浏览上方的库,打开任意系统即可阅读其完整的 DESIGN.md——配色、字体、动效和语气。
- 02
放进你的项目
把 DESIGN.md 保存到仓库根目录。它就是纯 markdown——无需构建步骤、无需账号、无需导出。
- 03
让你的 agent 指向它
让 Claude Code 或 Cursor 遵循 DESIGN.md,每一份输出都会与品牌保持一致。
DESIGN.md 是一种开放格式(Apache-2.0)。Open Design 的系统可在 GitHub 上自由阅读、fork 和贡献。
常见问题
-
什么是设计系统?
设计系统是品牌视觉语言的唯一事实来源——配色、字体、间距、动效和语气——让每个界面和素材都像同一个连贯的产品。
-
什么是 DESIGN.md 文件?
DESIGN.md 是一种基于 markdown 的开放格式,用人和 AI 编程 agent 都能读懂的方式描述设计系统。它把色彩角色、字号层级和交互模式记录为纯文本,保存在你的仓库里。
-
如何在 Claude Code 或 Cursor 中使用 DESIGN.md?
把文件保存到项目根目录,并让你的 agent 遵循它。Open Design 还能把项目绑定到某套系统,让每一份插件输出自动继承相同的品牌身份。
-
这些设计系统是免费的吗?
是的。这里的每套系统都是开源的,可自由阅读、下载、fork 和贡献。Open Design 本身采用 Apache-2.0 协议,且本地优先。
-
一共有多少套设计系统?
150 套且持续增长,涵盖消费科技、编辑排版和实验性风格。新系统会定期上线,你也可以在 GitHub 上贡献自己的系统。
-
我能创建自己的 DESIGN.md 吗?
可以——手写一份 DESIGN.md,或让 Open Design 从一个参考网站生成一份,然后在每个项目和 agent 中复用它。