Dev Mode MCP Server, black text beside sage-green code capture

Split slide introducing the Dev Mode MCP Server, with copy on black and overlapping Figma and code-editor captures on a muted sage-green field.

Styledark-mode, minimal, technical

Colordark, muted, high-contrast

Typesans-serif, oversized

Moodtechnical, professional

Elementsimage

Tagsmcp-server, dev-mode, sage-green, code-editor, overlapping-windows, good-to-know

Palette

#000000

#A7C4B5

#FFFFFF

Summary

An introduction slide for the Dev Mode MCP Server: a short headline and one line of copy on black, beside two overlapping product windows on a muted sage-green block.

Visual description

Vertical split: black on the left two-thirds, a muted sage-green (#A7C4B5) panel on the right. The black side holds a monospaced "GOOD TO KNOW" eyebrow low-left, a white oversized headline "Dev Mode MCP Server", and one supporting line: "Design intent and Figma context for design-informed code generation." On the green side, two windows overlap: a Figma file showing a pricing layout, and a darker code-editor window with an AI assistant generating component code and variable names. The composition leaves the upper black area empty for breathing room.

Key takeaway

Pairing a deliberately sparse left column (headline plus a single sentence) with a busy overlapping-windows screenshot. The low-anchored eyebrow and lots of negative space make a technical topic feel calm and premium.

Reuse notes

Good for a concept-introduction slide where you want to name a feature and show it in context without over-explaining. The muted color panel is a softer alternative to the loud blue slide nearby, useful for varying rhythm across a feature run.