Marcus Markenrichtlinien

Wortmarke

• 

  Weiß

  Der Standard. Jede dunkle Fläche, deren Hintergrund Sie kontrollieren.

  SVG PNG

• 

  Schwarz

  Jede helle Fläche, deren Hintergrund Sie kontrollieren.

  SVG PNG

• 

  Auf Blau

  Die Markenvariante. Cover, Titelfolien, Partnerverzeichnisse.

  SVG PNG

• 

  Auf Schwarz

  Eine feste Kachel für Flächen, die keine Transparenz zulassen.

  SVG PNG

• 

  Auf Weiß

  Druck und helle Hintergründe, die nicht reinweiß sind.

  SVG PNG

Icon

• 

  Weiß

  Das Zeichen auf Transparenz für dunkle Flächen.

  SVG PNG

• 

  Schwarz

  Das Zeichen auf Transparenz für helle Flächen.

  SVG PNG

• 

  Auf Blau

  Der Standard-Avatar: Slack, Teams, App-Stores, Social-Profile.

  SVG PNG

• 

  Auf Schwarz

  Ein alternativer Avatar, wenn Blau nicht passt.

  SVG PNG

• 

  Auf Weiß

  Avatar für helle Flächen und Druck.

  SVG PNG

SVG ist das Masterformat — verwenden Sie es überall dort, wo Vektoren akzeptiert werden; es bleibt in jeder Größe scharf. Die PNGs sind 1500 × 616 (Wortmarke) bzw. 1000 × 1000 (Icon).

Schutzraum & Mindestgröße

Was Sie nicht tun sollten

• Das Logo nicht strecken oder stauchen — immer proportional skalieren.
• Das Zeichen nicht umfärben. Verwenden Sie eine der Varianten oben.
• Keine Effekte, Schatten, Verläufe oder Konturen hinzufügen.
• Nicht drehen oder kippen.
• Die Wortmarke nicht nachbauen, indem Sie „marcus.“ in einer Schrift tippen.
• Nicht auf einem unruhigen oder kontrastarmen Hintergrund platzieren.

Farbe

Ein Akzent auf einer schwarz-weißen Basis. Blau ist ein Highlight, kein Hintergrund — seine Wirkung entsteht durch seine Seltenheit.

• Marcus-Blau

  #0048DE

  rgb(0, 72, 222)

  Der Akzent und die einzige Markenfarbe. Eyebrows, Links, Hervorhebungen, Fokusringe. Nie als große Fläche.

• Schwarz

  #000000

  rgb(0, 0, 0)

  Seitenhintergrund. Die Standardfläche der Marke.

• Schwarz 2

  #1B1B1B

  rgb(27, 27, 27)

  Karten und Paneele, die über der Seite liegen.

• Weiß

  #FFFFFF

  rgb(255, 255, 255)

  Fließtext auf Schwarz. Primäre Button-Füllung auf dunklem Grund.

• Weiß 2

  #F7F7F7

  rgb(247, 247, 247)

  Paneele im hellen Theme. Button-Hover auf dunklem Grund.

• Grau

  #7F7F7F

  rgb(127, 127, 127)

  Sekundärer Text: Untertitel, Beschriftungen, zurückhaltende Labels.

Typografie

Eine Schrift überall: Helvetica Neue. Gewicht und Größe tragen die Hierarchie — eine zweite Schriftfamilie nie.

Aa

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

• Marcus erledigt die Arbeit.

  400 · Regular

  Alle Überschriften, Hero-Titel und Fließtexte. Headlines sind nicht fett — das ist die Regel, die am häufigsten übersehen wird.

• Marcus erledigt die Arbeit.

  500 · Medium

  Buttons, Eyebrows, Labels und Hervorhebungen im Fließtext.

• Marcus erledigt die Arbeit.

  700 · Bold

  Selten. Nur wenn ein einzelnes Wort sich in einem dichten Block durchsetzen muss. Nie für eine ganze Überschrift.