webmcp-stack

Brand guidelines

Everything you need to reference in your project: the mark, the wordmark, and the colors. Click any hex value to copy it.

Naming

“webmcp-stack” is written lowercase with a hyphen in prose, URLs, and package scopes. The wordmark renders it as one word, , with the color split at the family boundary. Both spellings are the same name; never “WebMCP Stack” in body copy unless it starts a sentence, and never “WMCP” or “the stack” alone.

Products are functional names under the scope: @webmcp-stack/codegen, and later @webmcp-stack/audit, @webmcp-stack/telemetry. On a surface that belongs to one product, the lockup adds a dim suffix: / codegen.

Usage

Give the assets room to breathe. Scale them up or down, but never stretch, recolor, outline, rotate, or layer effects on top of them. Keep at least the height of the logomark as clear space on every side so the mark stands on its own.

The code is MIT, the marks are not a grant of endorsement. Use them to refer to the project, link to it, or write about it. Do not alter the files, imply a relationship or endorsement that does not exist, or combine them with other marks without asking first. Need something custom? Open an issue.

Wordmark

Prefer the wordmark whenever space allows. It is set in JetBrains Mono Medium and shipped as vector paths, so it renders correctly without the font installed. Use the light version on dark surfaces and the dark version on light surfaces.

webmcp-stack wordmark, light on dark
Light on darkSVGPNG
webmcp-stack wordmark, dark on light
Dark on lightSVGPNG

Logomark

Three isometric layers; the top layer is solid accent. A stack of tools, one of them live. Use the logomark for avatars, favicons, and tight layouts; reach for the wordmark first when you have the room.

Light on darkSVGPNG
webmcp-stack mark, dark on light
Dark on lightSVGPNG
webmcp-stack avatar tile
Avatar tileSVGPNG

Colors

A dark neutral surface palette with a single blue accent, the blue GitHub ships on its dark theme. Token names describe the role, not the hue. Click any card to copy its hex value.

Need something that isn’t here, or permission for a specific use case? Open an issue and we’ll help.