返回设计库
M

MongoDB

MongoDB

访问网站

文档数据库。绿叶品牌标识,开发者文档风格,绿色强调的技术感。

绿叶品牌开发者文档绿色强调技术感现代简约

配色方案

primary
background
surface
text
muted
border

字体规范

标题字体Euclid Circular A, system-ui, sans-serif
正文字体Euclid Circular A, system-ui, sans-serif
基础字号16px
行高1.5
字重300, 400, 500, 600

标题层级

h1MongoDB Heading
h2MongoDB Heading
h3MongoDB Heading
h4MongoDB Heading

DESIGN.md

# MongoDB Design System

## Visual Theme & Atmosphere
Fresh technical energy. The signature green (#00ED64) evokes growth and data. Clean documentation-focused layouts prioritize readability. The design feels like a well-maintained developer portal—professional, approachable, technically rigorous.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #00ED64 | Brand green, CTAs |
| Background | #FFFFFF | Clean white canvas |
| Surface | #F9FBFA | Subtle gray panels |
| Text | #001E2B | Dark navy text |
| Muted | #5D6C74 | Secondary text |
| Border | #E8EDEB | Light dividers |

## Typography Rules
- **Heading Font**: Euclid Circular A, system-ui, sans-serif
- **Body Font**: Euclid Circular A, system-ui, sans-serif
- **Base Size**: 16px
- **Line Height**: 1.5

## Component Stylings
- **Buttons**: Green bg, dark text, rounded
- **Code Blocks**: Dark surface, green accents
- **Cards**: White surface, subtle border

## Agent Prompt Guide
Use brand green accents, documentation-style layouts, developer-focused content structure, clean spacing.

常见问题

MongoDB 的设计风格是什么?

文档数据库。绿叶品牌标识,开发者文档风格,绿色强调的技术感。

MongoDB 使用什么主色调?

MongoDB 的主色调是 #00ED64,背景色为 #FFFFFF,文本色为 #001E2B。

MongoDB 使用什么字体?

标题字体: Euclid Circular A, system-ui, sans-serif。正文字体: Euclid Circular A, system-ui, sans-serif。基础字号: 16px。

如何在项目中使用 MongoDB 设计系统?

点击上方 DESIGN.md 代码块中的复制按钮,将完整设计规范复制到你的项目中。AI Coding 工具(如 Cursor)可以直接读取 DESIGN.md 来生成符合 MongoDB 风格的代码。

探索更多设计系统

发现 50+ 精选设计系统,为你的 AI Coding 项目提供设计灵感。

查看全部设计系统