Merkrichtlijnen van Marcus

Woordmerk

• 

  Wit

  De standaard. Elk donker oppervlak waarvan je de achtergrond beheert.

  SVG PNG

• 

  Zwart

  Elk licht oppervlak waarvan je de achtergrond beheert.

  SVG PNG

• 

  Op blauw

  De merkvariant. Covers, titelslides en partnerdirectories.

  SVG PNG

• 

  Op zwart

  Een vaste tegel voor plekken die geen transparantie accepteren.

  SVG PNG

• 

  Op wit

  Voor drukwerk en lichte achtergronden die niet spierwit zijn.

  SVG PNG

Icoon

• 

  Wit

  Het teken op transparantie, voor donkere oppervlakken.

  SVG PNG

• 

  Zwart

  Het teken op transparantie, voor lichte oppervlakken.

  SVG PNG

• 

  Op blauw

  De standaardavatar: Slack, Teams, appstores en socialprofielen.

  SVG PNG

• 

  Op zwart

  Een alternatieve avatar waar blauw zou botsen.

  SVG PNG

• 

  Op wit

  Avatar voor lichte oppervlakken en drukwerk.

  SVG PNG

SVG is het masterformaat: gebruik het overal waar vectoren worden geaccepteerd; het blijft scherp op elke grootte. De PNG’s zijn 1500 × 616 (woordmerk) en 1000 × 1000 (icoon).

Vrije ruimte en minimumgrootte

Wat je niet moet doen

• Rek of plet het logo niet — schaal het proportioneel.
• Geef het teken geen andere kleur. Gebruik een van de varianten hierboven.
• Voeg geen effecten, schaduwen, verlopen of contouren toe.
• Draai of kantel het niet.
• Bouw het woordmerk niet na door ‘marcus.’ in een lettertype te typen.
• Plaats het niet op een drukke of contrastrijke achtergrond.

Kleur

Eén accent op een zwart-witte basis. Het blauw is een highlight, geen achtergrond — juist de schaarste geeft het gewicht.

• Marcus-blauw

  #0048DE

  rgb(0, 72, 222)

  Het accent en de enige merkkleur. Eyebrows, links, highlights en focusringen. Nooit als groot vlak.

• Zwart

  #000000

  rgb(0, 0, 0)

  Pagina-achtergrond. Het standaardoppervlak van het merk.

• Zwart 2

  #1B1B1B

  rgb(27, 27, 27)

  Kaarten en panelen die boven de pagina liggen.

• Wit

  #FFFFFF

  rgb(255, 255, 255)

  Lopende tekst op zwart. Primaire knopvulling op donker.

• Wit 2

  #F7F7F7

  rgb(247, 247, 247)

  Panelen in het lichte thema. Knop-hover op donker.

• Grijs

  #7F7F7F

  rgb(127, 127, 127)

  Secundaire tekst: ondertitels, bijschriften en gedempte labels.

Typografie

Eén lettertype, overal: Helvetica Neue. Gewicht en grootte dragen de hiërarchie — nooit een tweede familie.

Aa

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

• Marcus rondt het werk af.

  400 · Regular

  Alle koppen, herotitels en lopende tekst. Headline zijn niet vet — dit is de regel die mensen het vaakst missen.

• Marcus rondt het werk af.

  500 · Medium

  Knoppen, eyebrows, labels en nadruk in lopende tekst.

• Marcus rondt het werk af.

  700 · Bold

  Zelden. Alleen waar één woord door een dicht blok moet breken. Nooit een hele kop.