Brand assets

The Marketo brand kit

Logos, colors and type for press, partners and anyone writing about Marketo. Download what you need, and please follow the few rules below so the brand looks the same everywhere.

Logos

The double-arch M

Two arches that overlap, with a diagonal cut where they meet. Use the files as supplied: SVG for screens and print, PNG where SVG isn't accepted.
Marketo logo, light

Logo, light

Coral M, deep brown lettering. For light backgrounds.

SVGPNG
Marketo logo, dark

Logo, dark

Mint M, white lettering. For dark backgrounds.

SVGPNG
Marketo domain lockup, light

Domain lockup, light

With .studio, for footers, signatures and print.

SVGPNG
Marketo domain lockup, dark

Domain lockup, dark

With .studio, on dark backgrounds.

SVGPNG
Mark and avatars

The M on its own

For favicons, app icons, social profiles and anywhere the full logo would be smaller than 96px wide. The avatars keep the M inside the circle crop most platforms use.
Marketo mark in coral
CoralSVGPNG
Marketo mark in black
BlackSVGPNG
Marketo mark in mint
MintSVGPNG
Marketo mark in white
WhiteSVGPNG
Light social avatar
Avatar, lightSVGPNG
Dark social avatar
Avatar, darkSVGPNG
Coral social avatar
Avatar, coralSVGPNG
Logo rules

Keep it clear

Do

  • Give it room. Keep a margin of half the M's height on every side.
  • Keep it legible. Use the full logo at 96px wide or more on screen (25mm in print); below that, use the M alone.
  • Match the ground. The light logo on peach or white, the dark logo on near-black.
  • Use the files. SVG wherever it is accepted, so edges stay sharp at any size.

Don't

  • Stretch, squash, rotate or tilt the logo.
  • Recolor it outside the palette below, or split the M from the lettering in a lockup.
  • Add shadows, glows, outlines or bevels.
  • Place it on busy patterns or photos without a calm area behind it.
  • Redraw it, retype it or rebuild it from stock elements.
Mascot

Meet the M

A 3D version of the M for playful moments: social posts, stickers, event slides, the 404 page. It never replaces the logo. Coral on light backgrounds, mint on dark. Move your cursor over a pose to see it lean in.
The coral M mascot waving hello with a big smile
Hellomascot-hello

Waving, happy eyes. Welcome emails, first posts, greetings.

PNG
The coral M mascot peering through a magnifying glass
Searchmascot-search

Magnifying glass over one eye. SEO and AEO, audits, research.

PNG
The coral M mascot pointing at a rising bar chart
Growthmascot-growth

Pointing at a rising chart. Results, reports, case studies.

PNG
The mint M mascot looking up at a glowing lightbulb
Big ideamascot-idea

A glowing lightbulb overhead. Strategy, planning, insights.

PNG
The coral M mascot celebrating in a party hat with confetti
Launch daymascot-launch

Party hat, confetti, arms up. Launches and client wins.

PNG
The mint M mascot shrugging beside a question mark
Oopsmascot-oops

A shrug and a question mark. The 404 page, error messages.

PNG

3D model files. The mascot as a real 3D model, for any 3D tool or web viewer.

Coral (GLB)Mint (GLB)
Colors

Two themes, one brand

The site follows each visitor's device: Peach sorbet in light mode, Midnight mint in dark. Keep coral with peach and mint with near-black. Bright coral is for shapes, never body text.

Peach sorbet · Light theme

Aa
CanvasPage background
Aa
BrownHeadlines, logo lettering
Aa
BodyBody text
Aa
CoralAccents and shapes
Aa
Coral strongLarge accent text
Aa
Coral softHighlights, buttons
Aa
Logo coralThe M in the logo

Midnight mint · Dark theme

Aa
InkPage background
Aa
SurfaceCards and panels
Aa
WhiteHeadlines, logo lettering
Aa
BodyBody text
Aa
MintAccent, buttons, the M
Type

Big, tight, uppercase

Headlines are short, uppercase and tightly spaced. Body text is plain and roomy. All three typefaces are free on Google Fonts. Where they aren't available, use Montserrat for headings and Arial for body text.
Light theme · Bricolage Grotesque 500

Marketing that compounds.

Strategy, brand, web, search and paid, run as one system for SaaS companies and ambitious startups.

Body · Inter 400
Dark theme · Instrument Sans 400

Marketing that compounds.

Strategy, brand, web, search and paid, run as one system for SaaS companies and ambitious startups.

Body · Inter 300
About us

Describing Marketo

Marketo is a growth marketing agency for SaaS companies and ambitious startups. It plans and runs strategy, brand, web, search (SEO and AEO), social and paid media as one system, measured on pipeline, revenue and payback. Learn more at marketo.studio.

Press and partnerships

Need another format, a quote or something not here? Write to us and a person replies within one working day.

Get in touch