Logo & brand kit
Black, white, one signal.
MCPDial is a phone line with an AI on it. The brand says so quietly: a waveform for a mark, a monochrome interface, and a single volt accent that means “live” — never decoration.
Name
MCPDial. One word.
MCP — the Model Context Protocol — plus Dial. It says what we are: a phone line that speaks the protocol AI agents use.
Write
MCPDial
Domain in lowercase only as a URL: mcpdial.com
Not
- MCP Dial
- McpDial · Mcpdial
- MCP-Dial · MCPdial
Files
Every version, ready to use.
SVG for anything on screen or in print, PNG where a tool can’t take vectors. The wordmark is outlined — no font needed.
Wordmark
Primary. On dark grounds.
Wordmark — on light
Ink wordmark, olive centre bar.
Mark
Avatars, favicons, tight spaces.
Mark — on light
For white and light grounds.
App icon
Rounded tile, black.
App icon — light
Rounded tile, white.
One-colour white
Single-ink print, photos, video.
One-colour black
Single-ink print, fax, stamps.
Clear space & size
Give it room.
- Keep clear space on every side equal to the height of the mark’s tallest bar (x).
- Minimum size: wordmark 96 px wide on screen, 25 mm in print; mark 16 px.
- Below 24 px, use the mark alone — the favicon is the mark on a black tile.
- The centre bar is volt #c8f542 on dark and olive #5b7a00 on light. Nothing else in the logo is ever coloured.
Please don’t
Six ways to break it.
Colour
Black & white does the work.
Six neutrals carry every page. The accent is used for touches only — a live dot, the active node in a diagram, a tick, a focus ring. If two things on screen are volt, one of them is wrong.
Ground
#050505
Page background
Band
#0B0B0B
Raised sections
Card
#111111
Cards, code
Ink
#F5F5F4
Headlines, primary button
Body
#A3A3A3
Body copy on black (8:1)
Meta
#737373
Captions, labels
Volt — the signal
#C8F542 · text on it #0A0F00
Olive — on light
#5B7A00
Volt can’t hold contrast on white; the logo uses olive there.
Typography
Geist, set tight.
Geist for everything people read; Geist Mono for what machines say — labels, code, numbers-as-data, eyebrows.
Geist · 600 · −0.04em
Answers, calls and books.
Body in Geist 400 at 16–18 px, 1.6–1.7 line height, #A3A3A3 on black.
Geist Mono · 400–500
place_call → dialing
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 { } [ ] → · ✓
Iconography
Icons that do what they mean.
24 px grid, 1.5 px stroke, round joins. Each icon draws itself when it appears, and on hover performs its meaning — the phone rings, the arrow leaves, the check lands. One part turns volt. Hover them.
Motion
Motion shows a call happening.
Every animation on the site is a small, true diagram: audio moving, a gate checking consent, a packet reaching a tool. Pure SVG + CSS, and all of it stops for people who ask for reduced motion.
Voice
Bars breathe out of phase. The lit bar is the active speaker.
Checks
Paths draw once, then flow. Volt appears only after the check passes.
Flow
Dashes travel at a steady pace — no easing tricks, no bounce.
How we write
Plain, specific, honest.
We sell something that talks to people on your behalf. The copy has to be as trustworthy as the agent.
- Say “AI assistant” or “AI phone agent”. Never imply a human is on the line — our agents disclose in their first sentence.
- Specific beats impressive: “processed in Switzerland, no cross-border fail-over” over “enterprise-grade security”.
- Only real numbers. No invented customers, logos, metrics or certifications — if we can’t source it, we don’t say it.
- Vendors we run on are “runs on / works with”, never “partners” or “trusted by”.
- Link the proof: compliance rules, data residency, all-in pricing.
Building something with MCPDial?
Grab the kit, then give your AI agents a phone line over MCP.