infrastructure Color System
MongoDB's website is a deep-forest-meets-terminal experience — a design system rooted in the darkest...
MongoDB's website is a deep-forest-meets-terminal experience — a design system r...
Mongodb uses #001e2b as the primary accent for interactive elements
Carefully selected 8 colors for infrastructure applications
Uses gradient, depth system
#001e2b
Primary dark background — the deepest teal-black
#00ed64
Primary brand accent — neon green for highlights, underlines, gradients
#00684a
Button borders, link text on light — muted green for functional use
#006cfa
Secondary accent — links, interactive highlights
#3860be
All link hover states transition to this blue
#1eaedb
Button hover background — bright teal
#1c2d38
Dark button backgrounds, secondary dark surfaces
#3d4f58
Dark borders on dark surfaces
/* Mongodb Color System */
:root {
--mongodb-forest-black: #001e2b;
--mongodb-mongodb-green: #00ed64;
--mongodb-dark-green: #00684a;
--mongodb-action-blue: #006cfa;
--mongodb-hover-blue: #3860be;
--mongodb-teal-active: #1eaedb;
--mongodb-deep-teal: #1c2d38;
--mongodb-teal-gray: #3d4f58;
}
/* Example usage */
.mongodb-button-primary {
background-color: var(--mongodb-forest-black);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}ClickHouse's interface is a high-performance cockpit rendered in acid yellow-gre...
Composio's interface is a nocturnal command center — a dense, developer-focused ...
HashiCorp's website is enterprise infrastructure made tangible — a design system...
Sanity's website is a developer-content platform rendered as a nocturnal command...