Progressive Mind · Corporate Identity
Der Markenleitfaden
Eine ruhige, technische Marke mit einem klaren Versprechen: Make IT work. Schweizer Editorial-Haltung, viel Weißraum, ein einziger Akzent. Dieser Leitfaden hält fest, wie Logo, Farben, Schrift und Sprache zusammenspielen, damit Progressive Mind überall gleich auftritt.
- Markenkern
- Make IT work.
- Haltung
- Ruhig, technisch, verlässlich
- Akzent
- Signal-Blau #1f3aff
- Gegründet
- Hamburg, 2019
Wortmarke
PROGRESSIVE MIND in Bricolage Grotesque ExtraBold, abgeschlossen vom Signal-blauen Doppelpfeil ». Der Pfeil steht für Vorwärtsbewegung. In der Wortmarke ist er als echtes »-Zeichen aus Spline Sans Mono gesetzt und liegt als Vektor vor, damit jede Datei schriftunabhängig bleibt.
Marke & Favicon
Wo die volle Wortmarke nicht passt, steht der Doppelpfeil » allein. Es ist dasselbe Zeichen wie in der Wortmarke, nur freigestellt, und bleibt so auch bei 16 px wiedererkennbar. Für App- und Browser-Icon liegt der blaue Pfeil auf weißem Feld mit abgerundeten Ecken.
Favicon & App-Icon: blauer Doppelpfeil auf weißem, abgerundetem Feld. favicon.svg apple-touch.png
Schutzraum & Mindestgröße
Rund um die Wortmarke bleibt mindestens die Höhe des Doppelpfeils als freie Fläche. So bekommt die Marke Luft und steht nie gedrängt neben anderen Elementen.
Schutzraum = Höhe » - Wortmarke: Mindesthöhe 20 px (digital), 8 mm (Print).
- Marke / Icon: Mindesthöhe 16 px.
- Untergrund: ruhige, kontrastreiche Fläche. Auf Foto nur mit klarer, gleichmäßiger Zone.
Das bitte nicht
Die Marke wird nie verändert. Keine eigenen Farben, keine Effekte, keine Verzerrung.
nicht verzerren oder stauchen
nicht neigen oder kippen
den Pfeil nicht umfärben
keine Schatten oder Outlines
Farben
Ein warmes Papier als Grund, fast schwarze Schrift, ein einziges Signal-Blau als Akzent. Das Blau trägt Pfeil, Links und Buttons. Es bleibt selten und damit wirksam, nie als Textfarbe auf hellem Grund.
Marke
--color-accent Akzent, Doppelpfeil, CTA
--color-accent-deep Hover-Zustand
--color-accent-soft Tint, dezente Flächen
Schrift
--color-ink Wortmarke, Primärtext
--color-ink-muted Sekundärtext
--color-ink-subtle Labels, Tertiär
Fläche
--color-paper Grundfläche
--color-paper-elev Karten, erhöhte Flächen
--color-paper-soft Sektionsbruch
Linie
--color-line Haarlinien
--color-line-strong Rahmen, Ghost-Button
Typografie
Zwei Schriften, klar getrennt. Bricolage Grotesque für Überschriften und Wortmarke, Spline Sans Mono für Labels, Eyebrows und Buttons. Beide sind selbst gehostet, es werden keine Schriften von Dritten geladen.
Display · Bricolage Grotesque
700–800Make
IT work
Aa Bb Cc · 0123456789 · Überschriften & Wortmarke
Mono · Spline Sans Mono
400–500progressive mind »
Eyebrow · Label · Button
Aa Bb Cc · 0123456789 · gesperrt, Versalien
Schrift-Skala
Display 4xl
Heading 2xl
Heading xl
Fließtext · Bricolage, 1rem, Zeilenhöhe 1.7
Eyebrow · Spline Mono · 0.75rem
UI-Bausteine
Knappe Geometrie, feine Haarlinien, ein harter Schatten als einzige Geste beim Hover. Ecken sind minimal gerundet (2–4 px), nichts ist verspielt.
Buttons
Eyebrow & Status
Progressive Mind Service
Systeme laufen
Karte & Linie
Server-Systeme
Bildsprache
Fotos zeigen das moderne Hamburg, allen voran die HafenCity. Klare Architektur, Tageslicht, ruhige Flächen. Keine Stockfoto-Klischees, keine Server-Racks mit grünen LEDs, keine künstlichen Verläufe. Bilder stehen für Verlässlichkeit und Gegenwart, nicht für Technik-Folklore.
- Ja: HafenCity, Tageslicht, Architektur, echte Orte.
- Sparsam: ein Akzent pro Bild, Blau nur als Detail.
- Nein: Glüh-Effekte, KI-Verläufe, Klischee-Technik.
Sprache & Tonalität
Wir siezen, sprechen klar und ohne Werbe-Lärm. Kurze Sätze, klare Aussagen, keine leeren Superlative. Wenn weniger sinnvoll ist als gewünscht, sagen wir das.
- Ansprache: Sie-Form, persönlich, auf Augenhöhe.
- Claim: „Make IT work." in Versalien, mit Punkt.
- Ton: ruhig, konkret, technisch versiert, nie laut.
- Stil: keine Gedankenstriche als Stilmittel, keine Floskeln.
Progressive Mind GmbH · interner Markenleitfaden · Stand 2026