Emerald Base
Emerald Base is a developer-centric design system for backend-as-a-service platforms. Its signature green-on-dark palette signals an open-source ethos and technical credibility. The aesthetic balances approachability with depth — friendly enough for newcomers to backend development, yet information-dense enough for experienced developers managing production databases and edge functions.
Color Palette
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxEmerald Base is a developer-centric design system for backend-as-a-service platforms. Its signature green-on-dark palette signals an open-source ethos and technical credibility. The aesthetic balances approachability with depth — friendly enough for newcomers to backend development, yet information-dense enough for experienced developers managing production databases and edge functions.
Use with MCP
Don't have the MCP? Install it here