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.
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.
- HEX
- #0E0F10
- RGB
- 14 15 16
- Einsatz
- Text, dunkle Flächen
- HEX
- #EFEFEC
- RGB
- 239 239 236
- Einsatz
- Hintergrund, Text auf Tinte
- HEX
- #A4ACB4
- RGB
- 164 172 180
- Einsatz
- Linien, Sekundärflächen
- 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.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz äöüß 0123456789 „“ – · €
- Schrift
- Hanken Grotesk
- Schnitte
- 300 Display · 400 Text · 500 Buttons und Links
- Lizenz
- SIL Open Font License
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 08:12:04 +5 TAGE
- Schrift
- DM Mono
- Schnitte
- 300 · 400, immer Versalien, Laufweite +4 %
- Lizenz
- SIL Open Font License
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.
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.
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