Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
MongoDB
EnterpriseMongoDB presents a nocturnal, premium data platform aesthetic with a distinctive dark navy backdrop that creates an almost starfield effect. The brand combines authoritative serif headlines with clean sans-serif body text, while signature electric green accents pulse against the deep background, evoking the energy of data processing and AI computation.
Design Identity
Signature Color
MongoDB Electric Green
#00ED64
AI-powered innovation and data vitality - the electric pulse of intelligent systems
Visual Identity
The distinctive dark navy-to-black gradient background creates a cosmic, data-universe feeling that's immediately recognizable, combined with that signature electric green that appears to glow against the dark surface like code on a terminal.
Component Style
Buttons feature bold rounded corners (approximately 8px) with that signature electric green background and clean white text. No heavy shadows or borders - components feel luminous and floating against the dark backdrop, emphasizing the futuristic data platform positioning.
Spacing Philosophy
Generous vertical breathing room with approximately 80-120px between major sections creates a premium, unhurried feeling. The centered layout with wide margins emphasizes focus and clarity, while tighter 16-24px spacing within components maintains hierarchy.
Design Principles
- Headlines use MongoDB Value Serif at 56px for authority and trustworthiness
- Body text stays at 16px Euclid Circular A for optimal readability
- Electric green (#00ED64) reserved exclusively for primary actions and key accents
- Dark navy background (#0A1A2A approximately) creates consistent cosmic data atmosphere
- Button radius consistently around 8px - never sharp, never fully pill-shaped
Target Audience
Senior developers and technical architects who build AI-powered applications and need enterprise-grade database solutions with modern tooling
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | normal | |
| h1 | 56px | 400 | 64px | |
| h2 | 36px | 500 | 48px | |
| h3 | 36px | 500 | 48px | |
| h5 | 36px | 500 | 48px | |
| p | 16px | 400 | 24px | |
| a | 16px | 400 | normal | |
| button | 13.3333px | 300 | normal | |
| input | 16px | 300 | 16px | |
| nav | 16px | 400 | normal |
Color Palette
#3b82f6#ffffff
