Mindmap Markdown
🌐 EN
GitHub
☰
WhySpecificationViewerImplementationsCommunityLogo & brand
English한국어日本語中文
GitHub
Brand

Logo and brand

A cool document and a warm structure join into one, and at its edge, thinking expands.

The story of the mark

1 2 3 4 5 6
  1. 1
    MDThe document AI reads. Emotionless, cool navy. Named after the .md extension itself.
  2. 2
    Root and branchesThe structure people read. Coral, the color of warmth. The root grows from the curve of the D: document and map are one body.
  3. 3
    Four leavesThinking expanding. Light to deep green, ideas reaching further and deeper along each branch.
  4. 4
    Upper arrowThe document unfolds into a map (lift). It ends at the right edge of the leaves.
  5. 5
    Lower arrowThe map returns to the document (canonical projection). It ends at the first stroke of the M.
  6. 6
    The loopTwo arrows close one loop. Round-trip stable: nothing is lost in either direction.

Color palette

The mark uses only these colors. Each one carries a meaning.

Navy · AI#0F2A3F · RGB 15, 42, 63MD letters, body text
Coral · Human#E8603C · RGB 232, 96, 60Root and branches
Leaf 1#2DD4BF · RGB 45, 212, 191First leaf (lightest)
Leaf 2#14B8A6 · RGB 20, 184, 166Second leaf
Leaf 3#0D9488 · RGB 13, 148, 136Third leaf
Leaf 4#0F766E · RGB 15, 118, 110Fourth leaf (deepest)
Arrow Slate#5B6F86 · RGB 91, 111, 134Frame arrows on light backgrounds
Arrow Mist#B4C2D3 · RGB 180, 194, 211Frame arrows on dark backgrounds
White#FFFFFF · RGB 255, 255, 255MD on dark backgrounds

Construction and alignment

The mark is drawn on a 128-unit grid. These rules hold at every size.

clear space = 1/4 height lower tip = left of Mupper tip = right of leaves center line M–D gap 4 MD 49map 121
  • The gap between M and D is 4 (one fifth of the 20-unit stroke).
  • MD height 49 : map height 121. MD stays smaller; the map leads.
  • The center of MD, the root, and the center of the leaves sit on one line.
  • The root overlaps the rightmost point of the D curve.
  • Branches are 8 wide: a moderate curve, then horizontal into each leaf.
  • Leaves have radius 12.5, symmetric about the center line.
  • Upper arrow tip = right edge of the leaves. Lower arrow tip = left edge of the M.
  • Frame stroke 5.5, filled triangular arrowheads. Clear space: at least a quarter of the height.

Versions and where to use them

Framed

Large placements: avatars, share images, slide covers. 48 px tall or more.

Plain

Site header, inside documents, small spaces. 20 px tall or more.

Favicon

Browser tabs and app icons. A dedicated map-only icon.

On dark

MD turns white, arrows use Arrow Mist. Map colors stay.

Don’t

Recolor
Stretch
Rotate
Add shadows or effects

Downloads

Markmindmapmarkdown-mark.svgMark on darkmindmapmarkdown-mark-on-dark.svgFramedmindmapmarkdown-framed.svgFramed on darkmindmapmarkdown-framed-on-dark.svgMono navymindmapmarkdown-mark-mono-navy.svgMono whitemindmapmarkdown-mark-mono-white.svgFaviconfavicon.svgAvatar 512 pxavatar-framed-navy-512.png

You may use the mark to refer to the Mindmap Markdown project. Do not use it in a way that suggests endorsement or official status. The M glyph derives from the Markdown Mark by Dustin Curtis (public domain, CC0).

This guide is also on GitHub →