Brand Guide
MarcommAIThe official Marcomm AI brand identity. Wordmark, color, typography, surface rules, and downloadable assets, for press, partners, integrators, and anyone reproducing our brand outside the product.
About the brand
Marcomm AI is the software global communications teams run their corporate communications on. The brand pairs a single, confident purple (Marcomm Purple) with a restrained typographic system and generous whitespace. The goal is clarity: wherever a brand surface appears, it should feel like the product itself, modern, geometric, and calm.
The wordmark splits weight to subordinate “AI” below “Marcomm”, signalling that AI augments PR work without overshadowing the craft. We do not use any other hue, gradients, decorative effects, or stretched typography.
Wordmark
“Marcomm” in Inter 800 + “AI” in Inter 600. The lighter weight on the suffix signals subordinate role; the color of “AI” shifts per surface to maintain hierarchy.
Light · on White · “AI” uses brand purple
On any surface
Six approved background surfaces. The wordmark adapts color so the hierarchy holds, never the other way around.
Brand colors
Marcomm Purple is the only brand hue. No blues, no Tailwind purples. Tap any swatch to copy its hex code.
Marcomm Purple
Primary brand
--brand-primary
Purple Hover
Interactive
--brand-primary-hover
Purple Deep
Gradient end
--brand-primary-deep
Purple Light
Tint / selected bg
--brand-primary-light
Gray 900
Headings
--gray-900
Gray 500
Body / secondary
--gray-500
Five steps
Reach for the smallest size that stays readable. Below 13px, swap to the LogoMark instead.
Fonts & license
All three families are free for commercial use across web, app, and print.
Marcomm AI
Weights · 400 / 500 / 600 / 700 / 800
Inter
SIL Open Font License 1.1
✓ Free for commercial use
marcomm.work
{ build: "v1" }
Code · data · meta labels
JetBrains Mono
Apache License 2.0
✓ Free for commercial use
Usage rules
- · Wordmark: Inter 800
- · “AI” suffix: Inter 600
- · Headings: Inter 700-800
- · Body: Inter 400-500
- · Min body size: 13px
fonts.google.com/specimen/Inter
fonts.google.com/specimen/JetBrains+Mono
Breathing room
Always reserve at least 0.5× cap height of clear space on every side of the wordmark. No other element (text, image, edge) may enter that zone.
Clear space · 0.5× cap height
Minimum padding on all sides
Don’t
Six common misuses. If a use-case isn’t covered here, ask yourself: would the BI page accept it?
Favicon · M initial
The wordmark stops being readable around 16×16. Below that (favicons, app tiles, avatar placeholders) use the “M” mark instead.
Download
Right-click a button and “Save as” if your browser opens the file inline.
Logo (SVG, light)
SVG · 1 KB
Open Graph image
PNG · 1200×630
Square mark
PNG · 512×512
Apple touch icon
PNG · 180×180
Favicon · 64
PNG · 64×64
Favicon · 32
PNG · 32×32