Brand

Logo and assets

The MCP1 logo, mark, colours and product screenshots, ready for articles, integrations and slides. Use them as they are, with the few rules below.

Logo

The full logo

The mark and the name together. Use it wherever there’s room for both.

MCP1 logo, white wordmark
Logo on darkWhite wordmark, for dark backgrounds. PNG
MCP1 logo, black wordmark
Logo on lightBlack wordmark, for light backgrounds. PNG

Mark

The mark on its own

A “1” drawn from merging strokes: many servers becoming one URL. Use it where the name already appears or space is tight.

MCP1 mark
MarkThe default: app icons, avatars, favicons. SVG PNG 1024 Rounded PNG
MCP1 mark on black
Mark on blackWhere a pink tile would clash. SVG
MCP1 glyph, black
Glyph, blackOne colour, for print and embossing. SVG
MCP1 glyph, white
Glyph, whiteOne colour, on photos and dark fills. SVG

Product

Screenshots

The app as a team uses it, framed and ready for articles and slides. Each download is 3232 × 2240.

All screenshots (ZIP)
MCP1 dashboard
DashboardSomeone’s week: calls, gateways and clients. PNG
MCP1 a shared gateway
A shared gatewayIts servers, who can connect, and each tool’s rules. PNG
MCP1 catalog
CatalogRemote MCP servers, installed in a click. PNG
MCP1 audit log
Audit logEvery call: who, which tool, from which client. PNG
MCP1 usage
UsageCalls, people and groups across the workspace. PNG
MCP1 members
MembersRoles, two-factor and when people were last active. PNG

Colour

Black, white and one pink

Pink is always solid: on the mark, a button or a line, never thinned out over a dark background. Click a colour to copy it.

Type

Two typefaces

Interface and headings

Inter

One URL for every MCP server. Semibold for headings, tight tracking; regular for text.

Inter on Google Fonts

URLs, tool names and code

Geist Mono

/mcp/moonbase/engineering
github__create_issue

Geist Mono on Google Fonts

Usage

Keep it looking like itself

Do

  • Give the mark clear space of at least half its width on every side.
  • Keep it at 16 px or larger on screen.
  • Use the pink tile on dark, and the black tile where pink would clash.
  • Write the name as MCP1, in capitals, as one word. In full: MCP1 by Appwrite.

Don’t

  • Recolour the mark, or use pink at low opacity or as a glow.
  • Stretch, rotate, outline or add shadows to it.
  • Rebuild the wordmark in another typeface.
  • Place it on busy photos without a solid backing.

Social

Social card

The image links to MCP1 show when shared. Use it for posts and announcements.

PNG 1200 × 630

Need something else, or writing about MCP1? Get in touch.

MCP1 social card: One URL for every MCP server