Marcus brand guidelines

Wordmark

• 

  White

  The default. Any dark surface where you control the background.

  SVG PNG

• 

  Black

  Any light surface where you control the background.

  SVG PNG

• 

  On blue

  The branded lockup. Covers, title slides, partner directories.

  SVG PNG

• 

  On black

  A fixed tile for places that will not take transparency.

  SVG PNG

• 

  On white

  Print, and light backgrounds that are not pure white.

  SVG PNG

Icon

• 

  White

  The mark on transparency, for dark surfaces.

  SVG PNG

• 

  Black

  The mark on transparency, for light surfaces.

  SVG PNG

• 

  On blue

  The default avatar: Slack, Teams, app stores, social profiles.

  SVG PNG

• 

  On black

  An alternative avatar where blue would clash.

  SVG PNG

• 

  On white

  Light-surface avatar, and print.

  SVG PNG

SVG is the master — use it wherever vectors are accepted, and it will stay sharp at any size. The PNGs are 1500 × 616 (wordmark) and 1000 × 1000 (icon).

Clear space & minimum size

What not to do

• Do not stretch or squash the logo — scale it proportionally.
• Do not recolour the mark. Use one of the variants above.
• Do not add effects, shadows, gradients or outlines.
• Do not rotate or tilt it.
• Do not rebuild the wordmark by typing “marcus.” in a font.
• Do not place it on a busy or low-contrast background.

Colour

One accent on a black-and-white base. The blue is a highlight, not a background — it earns its weight by being rare.

• Marcus Blue

  #0048DE

  rgb(0, 72, 222)

  The accent, and the only brand colour. Eyebrows, links, highlights, focus rings. Never a large fill.

• Black

  #000000

  rgb(0, 0, 0)

  Page background. The brand’s default surface.

• Black 2

  #1B1B1B

  rgb(27, 27, 27)

  Cards and panels raised off the page.

• White

  #FFFFFF

  rgb(255, 255, 255)

  Body text on black. Primary button fill on dark.

• White 2

  #F7F7F7

  rgb(247, 247, 247)

  Light-theme panels. Button hover on dark.

• Grey

  #7F7F7F

  rgb(127, 127, 127)

  Secondary text: subtitles, captions, muted labels.

Typography

One typeface, everywhere: Helvetica Neue. Weight and size carry the hierarchy — a second family never does.

Aa

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

• Marcus completes the work.

  400 · Regular

  All headings, hero titles and body copy. Headlines are not bold — this is the rule people miss most.

• Marcus completes the work.

  500 · Medium

  Buttons, eyebrows, labels, and emphasis inside body copy.

• Marcus completes the work.

  700 · Bold

  Rare. Only where a single word has to cut through a dense block. Never a whole heading.