Ein Logo reicht nicht: das System aus quadratischem + breitem Logo, das Rechnungen designt aussehen lässt

Öffnen Sie die Logo-Einstellungen der meisten Rechnungs-Apps, und Sie finden ein einziges Feld: „Laden Sie Ihr Logo hoch." Sie legen die eine Datei ab, die Sie haben — meist ein breites, horizontales Logo-Lockup mit Ihrem Firmennamen neben einer Bildmarke — und diese Datei wird gedehnt, gestaucht oder verkleinert, je nachdem, welchen Platz die jeweilige Vorlage gerade vorsieht. Manchmal sieht es in Ordnung aus. Oft sieht es leicht daneben aus: ein langes Logo in eine kleine Ecke gequetscht, sodass die Worte unleserlich werden, oder eine kompakte Bildmarke so weit aufgeblasen, bis sie verschwimmt. Die Rechnung sieht fast professionell aus, und „fast" ist das teuerste Wort im Branding.

InvoiceFlow verfolgt einen anderen Ansatz: ein Zwei-Logo-System. Sie speichern eine quadratische Variante und eine breite Variante getrennt voneinander, und die Vorlagen platzieren automatisch die jeweils richtige an der richtigen Stelle. In diesem Artikel geht es darum, warum ein einzelnes Logo niemals jedes Layout bedienen kann, wie Sie jede Variante richtig vorbereiten und wie die Logos mit den 12 integrierten Vorlagen und dem visuellen Vorlagen-Editor zusammenspielen. Es ist eine kleine Funktion mit überproportionaler Wirkung darauf, wie glaubwürdig Ihre Dokumente aussehen — und Glaubwürdigkeit ist genau das, worum eine Rechnung den Empfänger leise bittet.

Warum ein Logo nicht jede Aufgabe erfüllen kann

Das Kernproblem ist das Seitenverhältnis — das Verhältnis zwischen der Breite und der Höhe eines Logos. Ein Logo hat eine Form, und unterschiedliche Platzierungen auf einem Dokument verlangen unterschiedliche Formen. Es gibt keine einzelne Datei, die ohne Kompromisse zu allen passt.

Die breite Platzierung

Eine Dokumentenkopfzeile ist ein breites, niedriges Band an Raum. Sie verlangt ein horizontales Logo: Ihre Bildmarke und Ihr Schriftzug nebeneinander, von links nach rechts lesbar, so dimensioniert, dass sie die Breite der Kopfzeile angenehm ausfüllen. Ein breites Lockup wirkt hier durchdacht und ausgewogen.

Die quadratische (oder kompakte) Platzierung

Andere Stellen auf einem Dokument sind klein und in etwa quadratisch — ein Eck-Badge, eine Bildmarke im Avatar-Stil neben Ihrem Firmennamen, ein Wasserzeichen, ein enges Feld in einem kompakten Layout. Setzen Sie hier ein breites, horizontales Logo ein, und eine von zwei hässlichen Sachen passiert: Entweder wird es so weit verkleinert, dass der Schriftzug zu winzig zum Lesen ist, oder es wird beschnitten und die Worte werden abgeschnitten. Was diese Stellen verlangen, ist eine quadratische Variante — oft nur Ihr Symbol oder Monogramm oder eine gestapelte Version des Lockups —, die auch in kleinen Größen sauber lesbar ist.

Genau deshalb pflegen Designteams in echten Unternehmen ein Logo-Kit, keine einzelne Logo-Datei: eine horizontale Version, eine gestapelte Version, eine reine Icon-Marke, oft helle und dunkle Varianten. Sie tun das genau deshalb, weil kein einzelnes Bild jeden Kontext übersteht. Das Zwei-Logo-System bringt diese Disziplin auf Ihre Rechnungen, ohne dass Sie zum Markenmanager werden müssen — Sie pflegen genau zwei Varianten, und die Vorlagen erledigen den Rest.

Wie das System in InvoiceFlow funktioniert

Die Mechanik ist bewusst einfach gehalten. Sie laden ein quadratisches Logo und ein breites Logo als getrennte Varianten hoch und speichern sie. Jede Vorlage weiß, welche Platzierungen welche Form verlangen, und sie platziert automatisch die passende Variante — das breite Logo dort, wo eine Kopfzeile Breite will, das quadratische Logo dort, wo ein kompaktes Feld ein Quadrat will. Sie positionieren die Logos nicht von Hand pro Vorlage; Sie liefern einmal zwei gute Varianten, und jede Vorlage greift auf die richtige zurück.

Dieses Element des „automatischen Platzierens je Vorlage" ist es, was die Funktion mühelos macht. Wechseln Sie ein Dokument von einer Vorlage zur anderen, und die Logo-Platzierung passt sich automatisch dem neuen Layout an, weil die Vorlage bereits weiß, ob die von ihr reservierte Stelle breit oder quadratisch ist. Sie laden nichts neu hoch, schneiden nichts neu zu und positionieren nichts neu. Das Branding folgt einfach dem Design.

Der integrierte Zuschneider: die Variante richtig hinbekommen, bevor sie ausgeliefert wird

Ein Logo-System ist nur so gut wie die Bilder, die Sie ihm zuführen, und die Quelldateien der meisten Menschen sind nicht sauber zugeschnitten. Ihr „Logo" könnte ein Screenshot mit weißen Rändern sein, eine breite Datei, wo Sie ein Quadrat brauchen, oder ein PNG mit ungeschicktem eingebackenem Abstand. Genau das Dehnen einer solchen Datei erzeugt den „fast professionellen" Look.

InvoiceFlow enthält einen eigenen, in der App integrierten Bild-Zuschneider, sodass Sie jede Variante innerhalb der App vorbereiten, statt sich mit einem separaten Bildbearbeitungsprogramm herumzuschlagen. Der Zuschneider lässt Sie den Teil Ihres Quellbildes einrahmen, der zur quadratischen Variante werden soll — und, getrennt davon, zur breiten Variante —, sodass jede für ihre Platzierung komponiert ist, statt mechanisch skaliert zu werden. Zwei Minuten im Zuschneider sind der Unterschied zwischen einem Logo, das im Layout sitzt, als wäre es dafür gestaltet worden, und einem, das wie hineinkopiert aussieht.

Die quadratische Variante vorbereiten

Für die quadratische Variante wollen Sie den Teil Ihrer Marke, der in kleinen Größen lesbar bleibt. Oft ist das das Symbol oder Icon allein oder eine eng gestapelte Version Ihres Namens. Verwenden Sie den Zuschneider, um ein sauberes Quadrat darum zu rahmen, mit gleichmäßigem Spielraum auf allen Seiten — lassen Sie die Bildmarke nicht die Ränder berühren. Wenn Ihr Logo aus Icon plus Text besteht und der Text das Verkleinern in ein Quadrat nicht überlebt, schneiden Sie auf das Icon zu. Ein knackiges Icon schlägt jedes Mal ein unleserliches Vollstand-Lockup.

Die breite Variante vorbereiten

Für die breite Variante wollen Sie das vollständige horizontale Lockup — Bildmarke und Schriftzug zusammen, die Version, die die meisten Menschen sich als „das Logo" vorstellen. Schneiden Sie so zu, dass das Lockup mit gleichmäßigen Rändern zentriert ist, und trimmen Sie toten Raum, damit das Logo das Kopfzeilenband ausfüllt, statt in einem Meer von Weißraum zu schweben. Das Ziel ist ein ordentliches Rechteck, das in eine Kopfzeile fällt und absichtsvoll aussieht.

Wie Logos auf die 12 Vorlagen treffen

InvoiceFlow wird mit 12 integrierten PDF-Vorlagen ausgeliefert — Clean, Professional, Bold, Elegant, Compact, Modern, Classic, Creative, Minimal, Contractor, Striped und Installment. Das sind nicht zwölf Farbanstriche auf einem Layout; sie platzieren Elemente unterschiedlich, und dazu gehört, wo und wie das Logo erscheint.

• Die Vorlagen Compact und Minimal sind eng im Platz und tendieren zur quadratischen Variante in einer Ecke oder neben dem Firmennamen — genau das Feld, in dem ein breites Logo zur Unleserlichkeit schrumpfen müsste.
• Die Vorlagen Bold, Modern und Creative geben der Kopfzeile Raum und wollen das breite Lockup, das oben quer ein selbstbewusstes Statement setzt.
• Die Vorlagen Classic, Professional, Elegant und Contractor bevorzugen eine saubere, formelle Kopfzeile, in der die breite Variante als etabliert und vertrauenswürdig wirkt.
• Die Installment-Vorlage, die rund um die Darstellung eines Ratenzahlungsplans gebaut ist, braucht Ihre Marke dennoch präsent und lesbar, ohne den Zeitplan zu überfüllen — wieder die richtige Variante an der richtigen Stelle.

Der Punkt ist, dass Sie mehrere Vorlagen für dasselbe Unternehmen ausprobieren können und das Logo in jeder immer richtig aussieht, weil jede Vorlage die Variante zieht, die zu der von ihr reservierten Platzierung passt. Sie können Vorlagen nach ihren gestalterischen Vorzügen wählen — welche zu Ihrer Branche und Ihrem Geschmack passt — ohne dass das Logo zu einer Einschränkung wird, die Optionen ausschließt.

Der visuelle Vorlagen-Editor

Falls keine der zwölf genau Ihrer Vorstellung entspricht, enthält InvoiceFlow einen visuellen, individuellen Vorlagen-Editor — ein Slot-Raster-Layout, das Sie selbst zusammenstellen und als Layout speichern, das Sie pro Rechnung anwenden und sogar über Ihre Geschäftsprofile hinweg teilen oder einem einzigen Profil vorbehalten können. Weil der Editor mit Slots arbeitet, verhält sich Ihr Logo genauso diszipliniert: Sie platzieren es in dem Slot, den Sie wollen, und dieselben quadratischen/breiten Varianten, die Sie bereits vorbereitet haben, speisen es. Bauen Sie ein eigenes, kopfzeilenlastiges Layout, und es zieht das breite Logo; bauen Sie eine enge, Badge-artige Marke in einen Eck-Slot, und es zieht das quadratische. Sie gestalten das Dokument; das Logo-System hält Ihr Branding konsistent über alles, was Sie gestalten.

Branding für Glaubwürdigkeit, nicht für Eitelkeit

Es ist verlockend, „Logo auf der Rechnung" unter Eitelkeit abzulegen — ein nettes Extra, das nicht beeinflusst, ob Sie bezahlt werden. Das unterschätzt, was ein Dokument leistet. Eine Rechnung ist eine Bitte um Geld, und der Empfänger gewährt oder verzögert diese Bitte teils auf Basis eines Bauchgefühls dazu, wie seriös der Absender wirkt. Ein sauberes, konsistentes, gut platziertes Logo ist Kurzschrift für „das ist ein echtes Unternehmen, das das regelmäßig macht und es bemerken wird, wenn Sie nicht zahlen." Ein Logo, das gedehnt, verpixelt oder in das falsch geformte Loch gequetscht ist, sendet das gegenteilige Signal — „improvisiert", „klein", „vielleicht nicht ganz auf der Höhe" — und dieses Signal färbt, ob fair oder nicht, darauf ab, wie ernst die Rechnung genommen wird.

Das zählt am meisten an den Rändern Ihrer Kundenliste. Ihre langjährigen Kunden kennen Sie und würden eine Serviette mit Ihrem Namen darauf bezahlen. Neue Kunden, größere Kunden und Kreditorenbuchhaltungen in Konzernen, die Sie nie getroffen haben, haben nur das Dokument, nach dem sie urteilen können. Für sie ist der Unterschied zwischen einem Logo, das designt aussieht, und einem, das hineingefallen aussieht, Teil des Unterschieds zwischen „freigegeben" und „rückgefragt".

Eine fünfminütige Einrichtung, die sich für immer auszahlt

Hier ist die ganze Aufgabe, von Anfang bis Ende:

1. Finden Sie Ihre besten Logo-Quelldateien — idealerweise ein horizontales Lockup und ein Icon oder eine gestapelte Marke. Wenn Sie nur eine breite Datei haben, können Sie daraus eine quadratische Variante zuschneiden (oft einfach den Icon-Teil).
2. Schneiden Sie die breite Variante zu im In-App-Zuschneider: vollständiges Lockup, zentriert, getrimmte Ränder.
3. Schneiden Sie die quadratische Variante zu: der Teil, der in kleiner Größe lesbar ist, sauber mit gleichmäßigem Abstand gerahmt.
4. Speichern Sie beide. Das war's — die Vorlagen übernehmen ab hier.
5. Probieren Sie ein paar Vorlagen aus und stellen Sie fest, dass das Logo in jeder richtig aussieht, dann wählen Sie das Design, das Ihnen am besten gefällt.

Das tun Sie einmal. Von da an trägt jede Rechnung, jeder Kostenvoranschlag, jeder Vertrag und jeder Lieferschein, den Sie erstellen, Ihre Marke korrekt platziert und korrekt dimensioniert — über jede Vorlage, die Sie jemals verwenden. Fünf Minuten Zuschneiden erkaufen ein dauerhaftes Upgrade darin, wie fertig Ihre Dokumente aussehen — und „fertig" ist das meiste von dem, was Menschen meinen, wenn sie etwas professionell nennen.