Brand Guide

Ein Zeichen, ein Grün, eine Stimme.

Das gesamte Protocore-Markensystem – Logo, Schutzraum, Farbe, Schrift, Tonalität und Benennung – auf einer Seite. Lesen Sie es hier oder laden Sie das PDF herunter.

Logosystem

Vier Arten, das Zeichen zu setzen.

Das facettierte Core-Zeichen ist das einzige gezeichnete Asset. Lockups setzen den Namen in Roboto Medium neben oder unter das Zeichen – beides nie neu zeichnen.

Das Zeichen

Allein in kleinen Größen – Favicons, App-Icons und überall, wo der Name nicht lesbar bliebe.

Protocore
Horizontales Lockup

Zeichen neben dem Namen. Der Standard – für Header, Dokumente und Signaturen.

Protocore
Gestapeltes Lockup

Zeichen über dem Namen. Für quadratische Formate – Social Cards, Kacheln und Stempel.

Avatar-Kacheln

Das Zeichen zentriert auf einer einfarbigen 1024-px-Kachel. Für Profilbilder auf jeder Plattform.

Schutzraum & Größe

Raum drumherum, Grenze nach unten.

Zwei feste Werte sorgen dafür, dass das Zeichen überall lesbar bleibt.

Schutzraum – eine Zeichenbreite an allen vier Seiten.

Das Zeichen bei 16 px – die digitale Untergrenze.
Schutzraum
Die eigene Breite des Zeichens, an allen vier Seiten. Nichts dringt in diesen Bereich ein – keine Schrift, keine Linien, keine Seitenränder.
Mindesthöhe · digital
16 px. Darunter leidet die Lesbarkeit – verwenden Sie dann nur das Zeichen, nie ein Lockup.
Mindesthöhe · Print
6 mm.

Farbe

Fünf Farben, klare Aufgaben.

Standardmäßig fast monochrom. Das Grün ist ein Akzent, kein Thema – es füllt nie große Flächen.

Ink
#0a0a0a
rgb 10 · 10 · 10

Text auf hellem Grund. Dunkle Flächen.

Paper
#fafafa
rgb 250 · 250 · 250

Helle Seitenhintergründe.

Weiß
#ffffff
rgb 255 · 255 · 255

Karten auf Paper. Text auf Ink.

Akzent
#3fcf8e
rgb 63 · 207 · 142

Das Grün – nur auf dunklen Flächen.

Helles Akzentgrün
#0e9e6e
rgb 14 · 158 · 110

Akzenttext auf Weiß – Links und Labels.

Typografie

Roboto führt das Wort.

Zwei Schriftfamilien decken alles ab. Keine dritte Schrift, keine Kursivschrift zur Hervorhebung.

Zwölf Produkte auf einem Core.
Roboto 400 · 500 · 700

UI und Überschriften – 400 für Fließtext, 500 für Überschriften und Lockups, 700 sparsam.

/// FACT SHEET · 12
Roboto Mono 400

Labels, Eyebrows und Zahlen – Versalien, weit gesperrt.

Regular 400Medium 500Bold 700
/// SECTION LABEL

Abschnittslabels beginnen mit drei Schrägstrichen und einem Leerzeichen – gesetzt in Roboto Mono, Versalien, weit gesperrt. Die Schrägstriche sind getippte Zeichen, keine gezeichnete Grafik.

Stimme & Ton

Weniger sagen, es ernst meinen.

Fünf Regeln gelten für jede Zeile Protocore-Text, von der Headline bis zum Button-Label.

01Kurze AussagesätzeEine Idee pro Satz. Streichen Sie jeden Nebensatz, der entbehrlich ist.
02Konkrete ZahlenNur echte Werte – zwölf Produkte, ein Core. Keine Zahl ist besser als eine aufgerundete.
03Keine Hype-AdjektiveRevolutionär, nahtlos, hochmodern – sofort streichen. Das Substantiv leistet die Arbeit.
04Keine regulatorischen AussagenNennen oder suggerieren Sie in Markentexten niemals Lizenzen, Registrierungen oder Compliance-Status.
05SatzschreibweiseUI-Texte, Überschriften und Buttons werden in normaler Satzschreibweise gesetzt. Versalien sind Mono-Labels vorbehalten.

Benennung

Produkte tragen den Familiennamen.

Ein Muster, ohne Ausnahme angewendet.

Erste Nennung
Vollständiger Name – „Protocore Pay“, „Protocore Gateway“. Danach nur der Produktname.
PDS
Kurzform für Protocore Design System. Bei der ersten Nennung ausschreiben, danach PDS.
Das Unternehmen
Protocore – ein Wort, großes P. Niemals ProtoCore, PROTOCORE oder Proto Core.

Anwendung

So ja, so nein.

Die Regeln aus dem Press-Kit, erweitert auf das gesamte System.

Richtig
  • 01Halten Sie auf allen Seiten einen Schutzraum in Breite des Zeichens ein.
  • 02Verwenden Sie die schwarze Variante auf hellen und die weiße auf dunklen Hintergründen.
  • 03Reservieren Sie die Akzentvariante für Ink-Flächen (#0a0a0a).
  • 04Skalieren Sie mit den SVG-Dateien – das Zeichen bleibt in jeder Größe scharf.
  • 05Verwenden Sie das gestapelte Lockup, wenn das Format quadratisch ist.
  • 06Wechseln Sie unter 16 px Höhe auf das Zeichen allein.
Falsch
  • 01Das Zeichen nicht über die bereitgestellten Varianten hinaus umfärben.
  • 02Nicht drehen, konturieren oder mit Schatten bzw. anderen Effekten versehen.
  • 03Das Zeichen nicht neu zeichnen und seine Proportionen nicht verändern.
  • 04Den Namen Protocore nicht in einer anderen Schrift setzen – Lockups verwenden Roboto Medium.
  • 05Das Akzentgrün nicht auf Weiß einsetzen – dort #0e9e6e für Akzenttext verwenden.
  • 06Das Zeichen nicht auf Fotos oder Verläufe setzen – nur auf einfarbiges Ink oder Paper.