Studio-Rechnung gestalten

Über das Studio-Rechnungsdesign

Das Studio-Rechnungsdesign ist ein offizielles OpenDesign-Beispiel für eine Kundenrechnung von Sable Studio. Die sichtbare Komposition vereint Studio-Identität, Rechnungsmetadaten, Kunden- und Absenderdetails, Projektkontext, abrechenbare Leistungen, Abrechnungsbedingungen, Zahlungsanweisungen und eine abschließende Unterschrift in einem langen Dokument.

Der Kopfbereich legt den Dokumenttyp mit dem Label „INVOICE“, der Kennung „INV-2025-0142“ sowie Ausstellungs- und Fälligkeitsdatum fest. Diese Reihenfolge gibt den Lesenden Dokumentreferenz und Zeitrahmen, bevor sie die kaufmännischen Details deuten müssen. Die Daten und Beispielidentitäten sind illustrative Inhalte des Designs, kein Beleg für einen zahlbaren Vorgang.

Absender- und Empfängerblock verwenden parallele Labels, „FROM“ und „BILL TO“, sodass Verantwortung und Adressat im selben horizontalen Band geprüft werden können. Die grünen E-Mail-Adressen sind als Mail-Links angelegt; der Screenshot zeigt lediglich ihre sichtbare Darstellung, keinen getesteten E-Mail-Ablauf.

Einsatzbereiche dieses Rechnungsdesigns

Das Design ist nützlich, wenn eine Dienstleistungsrechnung erklären muss, was geliefert wurde und was geschuldet wird. Der Projektstreifen nennt „Northwind brand identity refresh“, enthält die Bestellnummer „NW-PO-2025-3387“ und gibt „Net 30 · USD“ an. Diese drei Felder verbinden das Dokument mit einem Auftrag, einer internen Beschaffungsreferenz und einer Zahlungskonvention, bevor die Lesenden die Beträge erreichen.

Am stärksten ist der Einsatz für projektbasierte Studios mit einer Mischung aus Festpreisleistungen und variablem Aufwand. Die ersten drei Zeilen zeigen jeweils Menge 1, während „Senior design hours · overage“ die Menge 14 zu einem Satz von 220,00 $ zeigt. Das abweichende Mengenmuster macht den Mehraufwand als zeitbasierte Ergänzung erkennbar und nicht als weiteres gebündeltes Arbeitsergebnis.

Komposition und Leseordnung

Die Seite führt in fünf bewussten Stufen von der übergeordneten Identifikation zu den Detailangaben. Ein schwarzes rundes „S“-Zeichen und der Wortmarken-Schriftzug Sable Studio legen den Absender fest; die große Rechnungsnummer und die Daten bestimmen den Dokumentstatus; der zweispaltige Parteibereich identifiziert den Vorgang; das hellgrüne Projektband liefert Kontext; und die Positionstabelle trägt die zentrale finanzielle Erklärung.

Die Positionstabelle gibt „DESCRIPTION“ die größte visuelle Fläche und lässt schmalere Spalten für „QTY“, „RATE“ und „AMOUNT“. Diese Proportion nimmt erläuternde Texte auf, etwa „Stakeholder interviews, competitive audit, brand audit, written strategy doc.“ Der Kompromiss ist die vertikale Länge: Beschreibungen laufen über mehrere Zeilen, doch die Lesenden verstehen die Leistung, bevor sie ihren Zahlenwert erfassen.

Die Zahlungsbedingungen stehen neben den Summen. Die Zwischensumme des Beispiels von $40,080 abzüglich des Vorschusses von $4,008 ergibt $36,072 vor Steuern. Bei dem Beispielsteuersatz von 9 % ergeben sich $3,246.48, also $39,318.48 fällig. Die Steuerzeile steht über „Net before tax“, die visuelle Reihenfolge weicht also von der Rechenreihenfolge ab. Das dunkle Schlussband macht das Ergebnis prominent, doch die vorangehenden Labels bleiben nötig, um nachzuprüfen, wie es zustande kam.

Umfang und Leistungsgrenzen

Dieses reine Design-Rechnungsbeispiel nutzt einen Dokumentcontainer mit einer maximalen Breite von 820 Pixeln im Quellcode. Druckstile entfernen Schatten und Rahmen und verringern den Innenabstand; eine einseitige Druckpaginierung wurde nicht verifiziert. Das Werk demonstriert Typografie, Gruppierung, illustrative Inhalte und verfasste mailto-Ziele. Es belegt weder angebundene Abrechnung, Zahlungsabwicklung, automatische Belege, Bankprüfung noch eine Live-Steuerberechnung.

Der untere Bereich zeigt „WIRE / ACH (USD)“ und „ONLINE PAYMENT“ als Dokumentinhalt. Er listet Mercury Bank, Routing- und Kontowerte, eine Zahlungslink-Zeichenfolge, „Stripe / card / ACH“, „Wise / SEPA / FX“ und „Auto-emailed“ auf. Betrachten Sie diese als illustrative Felder, die für die Komposition vorgegeben wurden. Eine Produktivumsetzung bräuchte separat verifizierte Daten, Zahlungskontrollen und Compliance-Entscheidungen, bevor vergleichbare Inhalte in einer echten Rechnung verwendet werden.