Skapa din egen fakturamall: En praktisk guide till den visuella redigeraren

Av InvoiceFlow redaktion — publicerad 16 juni 2026 — 9 minuters läsning

InvoiceFlow levereras med 12 inbyggda PDF-mallar — ren, professionell, djärv, elegant, kompakt, modern, klassisk, kreativ, minimalistisk, hantverkare, randig och delbetalning. För de flesta slutar historien där. Du väljer den som passar din bransch, lägger in din logotyp och är klar. Mallarna har byggts om för att renderas korrekt i alla skriftsystem som appen stödjer, så en faktura på kyrilliska, arabiska eller kinesiska ser lika genomtänkt ut som en på svenska.

Men "de flesta" är inte alla. Vissa företag har ett varumärkessystem som ingen förinställd mall riktigt kan ge uttryck åt. Andra behöver ett specifikt block på en specifik plats — en regulatorisk rad, en projektreferens, en betalningsinstruktion som matchar vad deras kunder redan förväntar sig. Det är vad den visuella anpassade malleditorn är till för. Det här är en praktisk guide till hur du använder den väl: när du ska ta fram den, hur du sätter ihop en mall från dess byggstenar och de designprinciper som skiljer en faktura som faktiskt läses från en som läggs åt sidan.

Först: behöver du verkligen en anpassad mall?

Den visuella redigeraren är kraftfull, och kraft inbjuder till överdrift. Innan du öppnar den, testa den enklare lösningen. Nio gånger av tio tar en inbyggd mall med genomtänkt varumärkesprofil dig 95 procent av vägen dit.

Välj en inbyggd mall när:

Bygg en anpassad mall när:

Befinner du dig i den andra listan, läs vidare. Befinner du dig i den första kan varumärkesprofilen ensam räcka — och vi täcker det också, eftersom det samverkar med vilken mall du än väljer.

Hur redigeraren tänker: rutnätssektioner

Den anpassade malleditorn är byggd kring ett sektionsrutnät. I stället för en blank duk där du kämpar med absolut positionering delas fakturan upp i sektioner, och varje sektion är ett fack du fyller. Under huven lagras layouten som JSON — en strukturerad beskrivning av vilka sektioner som visas, i vilken ordning och hur de är formaterade — men du behöver aldrig röra JSON direkt. Du komponerar visuellt; strukturen är det som gör resultatet förutsägbart över fakturor av olika längd.

Den förutsägbarheten är hela poängen. En pixelperfekt dra-och-släpp-duk ser fri ut tills du genererar en riktig faktura med ett långt kundnamn, en radpost som radbryts på tre rader och ett belopp i tiotusenkronorsklassen. Då kollapsar det fria formatet. Ett sektionsrutnät håller formen eftersom varje sektion vet hur den ska växa och flöda om.

Sektionerna du komponerar med motsvarar direkt de delar av en faktura som varje mottagare redan känner igen:

Sidhuvud

Det övre bandet: din logotyp, dokumenttiteln ("Faktura"), fakturanumret samt utfärdandedag och förfallodag. Det här är det första mottagaren ser och det de söker efter när de arkiverar eller refererar till dokumentet.

Avsändarblock

Vem som fakturerar — ditt företagsnamn, adress, skatteidentifikationsnummer och kontaktuppgifter. Med landanpassade adressfält anpassas region- och postnummerfälten efter det land du fakturerar från, och för vissa länder döljs de fälten helt när de inte är tillämpliga.

Kundblock

Vem som faktureras. Hämtas från din kundlista, så du behöver inte skriva in adresser på nytt. Det här blocket är där "matcha mottagarens förväntningar" börjar: en företagskund vill ha sitt registrerade namn och organisationsnummer; en privatperson vill bara ha namn och adress.

Radposttabell

Substansen: beskrivning, antal, pris och belopp per rad. Det är här merparten av det vertikala utrymmet används och där layoutdisciplinen är viktigast. Moms kan vara inklusiv eller exklusiv, du kan tillämpa flera skattesatser, och tabellen beräknar nettobelopp och förfallet belopp åt dig.

Summablock

Delsumma, moms, eventuell rabatt och det slutliga beloppet att betala. Vi återkommer till det här — det är det viktigaste blocket på sidan och det som folk oftast underdesignar.

Sidfot

Betalningsinstruktioner och villkor. InvoiceFlow är ingen betaltjänst; fakturan visar hur man betalar — bankuppgifter, en betalningslänk eller en QR-kod — och kunden betalar via sin egen metod. Sidfoten är där det lever, bredvid dröjsmålsräntevillkor och en eventuell tackrad. Om en betalningsplan gäller renderas den här som en tydlig, daterad specifikation.

Du bestämmer vilka sektioner som visas och i vilken ordning. Du behöver inte uppfinna strukturen — du arrangerar den struktur som fakturor redan har.

Överstyrning per faktura och delning mellan profiler

Två avgränsningsfunktioner gör redigeraren genuint användbar snarare än bara dekorativ.

Överstyrning per faktura. En mall är ett standardval, inte en bur. De flesta fakturor använder din standardmall, men för den enda kunden som insisterar på en viss layout — eller det enstaka stora uppdraget som motiverar en mer formell presentation — kan du välja en annan mall bara för den fakturan. Resten av din fakturering påverkas inte.

Profilomfattning. InvoiceFlow stödjer flera företagsprofiler i en och samma app, så du kan driva flera varumärken utan att hantera olika inloggningar. En anpassad mall kan delas mellan profiler — praktiskt när två varumärken delar en gemensam identitet och du vill ha ett dokumentsystem — eller hållas profilspecifik, så att varje varumärke har sitt eget genomtänkta utseende. Du väljer per mall. En byrå med ett huvudvarumärke och ett sidoprojekt kan hålla dem visuellt åtskilda; ett konsultföretag som driver två regionala enheter kan dela en mall och bara byta logotyp och uppgifter.

Varumärkesprofil: tvålogosystemet

En mall är ett skelett; varumärkesprofilen är det som gör den till din. InvoiceFlow använder ett tvålogosystem: du lagrar en kvadratisk logotyp och en bred logotyp separat, och mallarna placerar rätt variant automatiskt beroende på var den behövs. Ett kvadratiskt märke passar ett kompakt hörn; en bred lockup passar ett sidhuvudsband i full bredd. Utan två varianter hamnar du med en bred logotyp instängd i ett kvadratiskt fack eller ett kvadratiskt märke ensamt i ett hav av tomt sidhuvudsutrymme — båda signalerar "gjort i hast."

Att få in rena logotypfiler hanteras av den inbyggda bildbeskäraren, så du slipper hoppa till en separat redigerare för att justera en export. Ställ in båda varianterna en gång, och varje mall — inbyggd eller anpassad — vet vilken som ska användas var.

Typsnitt: det ingen tänker på förrän det går fel

Typografi är där amatörfakturor avslöjar sig, och där internationella fakturor havererar helt. InvoiceFlow levereras med NotoSans och erbjuder användarvalbara typsnitt, vilket spelar roll av två skäl.

För det första, korrekt rendering i icke-latinska skriftsystem. Ett typsnitt utan kyrilliska, arabiska eller CJK-tecken misslyckas inte tydligt — det ersätter tyst med rutor, frågetecken eller ett felaktigt reservtypsnitt. NotoSans designades precis för att undvika detta; det har den teckentäckning som krävs för att en rysk kunds namn, en arabisk adress eller en kinesisk radpostbeskrivning renderas som text, inte som tofu. Om du fakturerar över skriftsystem är detta ensamt värt att designa runt.

För det andra, återhållsamhet. Det enskilt mest effektiva typografiska beslutet är att använda en typsnittssfamilj och luta sig mot vikt och storlek för hierarki. Ett fetstilt, större fakturanummer; normal brödtext; ett något tyngre slutbelopp. Att para ihop två familjer kan fungera, men bara om du är medveten om det. Om du är osäker: en familj, tre vikter.

Att komponera din första anpassade mall, steg för steg

Här är den ordning som ger en användbar mall snabbast, med färre revisioner.

1. Börja från den närmaste inbyggda mallen, mentalt

Även om du bygger anpassat: bestäm vilken av de 12 förinställningarna som är närmast ditt mål. Det berättar vilken sektionsordning som redan fungerar för din bransch — en hantverkarlayout leder annorlunda än en minimalistisk — och sparar dig från att uppfinna beslut som redan är lösta.

2. Lås sidhuvudet

Logotypplacering, dokumenttitel, fakturanummer, datum. Bestäm om din logotyp sitter till vänster, höger eller centrerat, och vilken variant (kvadratisk eller bred) sidhuvudsbandet kräver. Det här är sektionen kunder skärmdumpar och arkiverar efter, så gör den otvetydig.

3. Placera avsändar- och kundblock

Konventionen är avsändare uppe till vänster, kund nedanför eller mitt emot. Vad du än väljer, håll det konsekvent över alla dina dokumenttyper så att en återkommande kund känner igen dina handlingar på en sekund.

4. Designa radposttabellen för det värsta fallet

Inte det snygga demoläget — det röriga riktiga. En lång beskrivning som radbryts. En rad med ett antal och ett decimalpris. En blandning av momsinlusive och momsexklusive poster. Om tabellen håller formen under den belastningen håller den under vad som helst.

5. Gör totalbeloppet omöjligt att missa

Mer om detta nedan, men behandla det som ett designsteg, inte en eftertanke.

6. Skriv sidfoten en gång, ordentligt

Betalningsinstruktioner (bankuppgifter, länk eller QR), dina villkor och din dröjsmålsräntepolicy om du har en. Att ange dröjsmålsräntepolicyn här är det som gör det rimligt att tillämpa den senare. Om du fakturerar i delbetalningar, kontrollera att planen renderas som du skulle förklara den muntligt.

7. Testa, och testa sedan internationellt

Generera en riktig PDF och öppna den i en telefon — de flesta kunder läser fakturor i mobilen, och en layout som är elegant på en laptop kan vara oläslig på fem tum. Om du någonsin fakturerar över språkgränser, generera en faktura i ett icke-latinskt skriftsystem och bekräfta att typsnitten håller. Den fakturaspecifika lokalen låter en PDF gå ut på kundens språk oavsett vilket appspråk du använder, så testa det språk du faktiskt kommer att skicka på.

Designprinciper som spelar större roll än verktyget

Gör totalbeloppet framträdande

Mottagaren har en brådskande fråga: hur mycket, och när. Varje annat element finns till för att stödja dessa två fakta. Beloppet att betala ska vara det visuellt dominerande talet på sidan — större, fetstilt, avgränsat med luft eller ett diskret fält. Placera förfallodagen precis bredvid det. En faktura som begravner sitt totalbelopp i en prydlig rad med identiska siffror tvingar läsaren att leta, och en läsare som måste leta är en läsare som lägger undan fakturan till "senare."

Matcha mottagarens förväntningar

Ett dokument är bara "professionellt" i förhållande till vad dess läsare förväntar sig. En företagets leverantörsreskontra vill ha en ren, konventionell layout med ett tydligt inköpsordernummer och otvetydiga momsrader — kreativitet läses som en risk. En privatperson som beställer ett engångsuppdrag vill ha värme och tydlighet framför formalism. Designa för den person som öppnar filen, inte för din egen smak.

Ta bort innan du lägger till

Varje block du lägger till är något läsaren måste bearbeta. Om en sektion inte hjälper dem att förstå vad de är skyldiga, varför och hur de betalar — ta bort den. De renaste fakturorna är inte de med mest design — de är de med minst friktion.

Enhetlighet över dokumentfamiljen

Din offert, din faktura, ditt avtal och din följesedel ska se ut som syskon. När en kund tar emot en offert, accepterar den och senare får fakturan, signalerar den visuella kontinuiteten tyst att samma noggranna företag ligger bakom alltihop. Använd samma mallfamilj, samma logotyper och samma typsnitt genom hela livscykeln.

Den ärliga slutsatsen

Den visuella redigeraren finns inte för att göra dig till designer. Den finns för det ögonblick när de 12 förinställningarna genuint inte passar — och för att säkerställa att när du kliver utanför dem är resultatet fortfarande strukturerat, fortfarande flödar om korrekt och fortfarande renderas på varje språk du säljer på. Komponera med sektionsrutnätet, profilera det med tvålogosystemet, välj ett typsnitt som täcker dina skriftsystem, gör totalbeloppet omöjligt att missa och designa för den person som öppnar filen. Gör det, och en anpassad mall slutar vara dekoration och börjar vara en del av hur du får betalt i tid.