Corporate Design.

Wie makemyflow aussieht, klingt und sich verhält. Für alle, die mit der Marke arbeiten: Team, Partner, Druckerei, Agentur.

Zwei Linien. Ein Ablauf.

Die Bildmarke ist der Schwung aus dem Logo: zwei parallele Linien mit einem Versatz. Was man darin sieht, hängt davon ab, wie man hinschaut.

Ablauf

Unten rein, oben raus, ohne abzusetzen. So soll sich ein Ablauf anfühlen, wenn er einmal automatisiert ist.

Zwei Spuren

Team und Automatisierung laufen nebeneinander, im gleichen Takt. Keine Linie überholt die andere.

my

Ihr Ablauf

Im Logo läuft der Schwung hinter dem „my“ durch. Gebaut wird um Ihren Ablauf herum, nicht um unsere Software.

Signal

Die untere Linie ist das einzige farbige Element im Logo. Sie zeigt, was gerade automatisch läuft.

Konstruktion.

Gebaut auf einem Raster von 24 × 24 Einheiten. Alle Maße leiten sich davon ab: zwei gleich starke Linien, ein Winkel, ein Radius.

Raster
24 × 24 Einheiten (E)
Strich
3 E, beide Linien gleich stark
Abstand
3 E zwischen den Linien, 6 E von Mitte zu Mitte
Winkel
52° zur Grundlinie, derselbe wie im Logo
Radius
6 E auf der Mittellinie, beide Bögen laufen parallel
Signal
Die untere Linie, immer in Signal
Schutzzone
Bildmarke 6 E rundum · Logo die Höhe des „m“ rundum
Mindestgröße
Bildmarke 16 px / 5 mm · Logo 120 px / 30 mm breit
Wortmarke
Eigene Zeichnung in Kleinbuchstaben, nicht aus einer Schrift nachsetzen. Der Schwung ist im Textband unterbrochen.

Farbe.

Zwei Grundtöne, ein Grau, ein Signal. Mehr braucht es nicht.

Tinte
HEX
#0E0F10
RGB
14 15 16
Einsatz
Text, dunkle Flächen
Kreide
HEX
#EFEFEC
RGB
239 239 236
Einsatz
Hintergrund, Text auf Tinte
Stahl
HEX
#A4ACB4
RGB
164 172 180
Einsatz
Linien, Sekundärflächen
Signal
HEX
#FF4D00
RGB
255 77 0
Einsatz
Status, Fokus, Hover

Signal ist ein Zustand, keine Fläche. Es markiert, was gerade arbeitet oder Aufmerksamkeit braucht. Nie für Fließtext, nie als großer Hintergrund. Faustregel: rund ein Prozent jeder Ansicht.

Typografie.

Eine Grotesk für alles, was gelesen wird. Eine Mono für alles, was gemessen wird. Beide frei lizenziert und lokal eingebunden.

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz äöüß 0123456789 „“ – · €

Schrift
Hanken Grotesk
Schnitte
300 Display · 400 Text · 500 Buttons und Links
Lizenz
SIL Open Font License
Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 08:12:04 +5 TAGE

Schrift
DM Mono
Schnitte
300 · 400, immer Versalien, Laufweite +4 %
Lizenz
SIL Open Font License
DisplayMehr Zeit fürs Wesentliche.300 · 10,4 vw · −5,2 %
HeadlineWas wir bauen.300 · 6,2 vw · −4,5 %
TitelTelefon-Agent350 · 2,6 vw · −3 %
LeadKein Anruf geht mehr verloren.400 · 22 px · −1,2 %
TextDer Agent geht ran, wenn gerade niemand kann.400 · 17 px · Zeile 155 %
Daten08:12:04 · Anruf angenommenDM Mono 400 · 12 px · +4 %

Keine Dachzeilen.

Über einer Überschrift steht nichts. Keine Kategorien, keine Kicker, keine kleinen Labels. Die Überschrift trägt allein.

Punkt am Ende.

Headlines sind Aussagen, keine Schlagworte. Deshalb enden sie mit einem Punkt.

Leicht und groß.

Große Größen immer im Schnitt 300 mit enger Laufweite. Gewicht entsteht durch Größe, nicht durch Fettung.

Elemente.

Haarlinien, Datenblätter, ein Signal. Die Oberfläche soll aussehen wie gutes Werkzeug: präzise, ruhig, ohne Dekoration.

Erreichbar
24 Stunden, 7 Tage
Übergabe
App, E-Mail oder CRM
Freigabe
Immer bei Ihnen

Datenblatt. Spezifikationen statt Fließtext: Label in Mono, Wert in Grotesk, getrennt durch 1-px-Haarlinien.

Telefon-Agent — Anruf angenommen 08:12:04 · Bestellung 12 Fl. aufgenommen

Status. Das Signal-Quadrat zeigt: Hier arbeitet etwas. 7 px groß, pulsiert langsam, nie rund.

Aktionen. Ein gefüllter Button pro Ansicht, Radius 2 px. Beim Hover läuft Signal von unten ein. Alles andere sind Textlinks.

Sprache.

Wir reden wie die Leute, für die wir bauen: konkret, ruhig, ohne Buzzwords. Wer KI erklären muss, hat das Problem noch nicht verstanden.

So klingen wirSo nicht
Kein Anruf geht mehr verloren.Revolutionieren Sie Ihre Kundenkommunikation mit KI.
5 Stunden pro Woche gespart.Massive Effizienzgewinne durch intelligente Automatisierung.
Der Agent schreibt den Entwurf, Sie geben frei.Unsere KI erledigt alles vollautomatisch für Sie.
Agent, Ablauf, Freigabe, Protokoll.Magie, Gamechanger, Next Level, Superkräfte.
Wir starten mit dem Ablauf, der am schnellsten entlastet.Wir begleiten Sie auf Ihrer KI-Journey.

Zahlen statt Adjektive.

Stunden pro Woche, Minuten bis zum Ergebnis, Fehlerquote. Wenn es keine Zahl gibt, beschreiben wir den Ablauf.

Der Mensch gibt frei.

Agenten arbeiten zu. Die Entscheidung bleibt beim Team, und das sagen wir auch so.

Ein Gedanke pro Satz.

Wer einen Text laut vorliest, soll zwischendurch nicht Luft holen müssen. Im Zweifel: Punkt.

Bildsprache.

Wir zeigen Betriebe, nicht Science-Fiction. Wo kein Foto passt, zeichnen wir den Ablauf.

Ja

  • Echte Betriebe und Menschen bei der Arbeit
  • Natürliches Licht, entsättigt oder schwarzweiß
  • Hände, Werkzeug, Bildschirme mit echten Abläufen
  • Diagramme als Haarlinien-Zeichnung
  • Ein klarer Bildausschnitt, viel Raum drumherum

Nein

  • Roboter, Androiden, Cyborg-Hände
  • Leuchtende Gehirne und Neuronen-Netze
  • Blau-violette Verläufe und Glow-Effekte
  • Stockfotos mit Headset-Lächeln
  • KI-generierte Menschen

Downloads.

Alle Logodateien als Vektor. Schriften unter SIL Open Font License, frei verwendbar.

Logo
logo.svg · logo-light.svg
Bildmarke
mark.svg · mark-light.svg
Wortmarke
wordmark.svg · wordmark-light.svg
Icons
favicon.svg · apple-touch-icon.png · og-image.png
Schriften
Hanken Grotesk · DM Mono