Vytvořte si vlastní šablonu faktury: praktický průvodce vizuálním editorem

Od týmu InvoiceFlow — publikováno 16. června 2026 — čtení na 9 minut

InvoiceFlow se dodává s 12 vestavěnými PDF šablonami — clean, professional, bold, elegant, compact, modern, classic, creative, minimal, contractor, striped a installment. Pro většinu lidí tím příběh končí. Vyberete si tu, která sedí vašemu oboru, vložíte logo a je hotovo. Šablony byly přepracovány tak, aby se správně vykreslovaly v každém písmu, které aplikace podporuje, takže faktura v azbuce, arabštině nebo čínštině vypadá stejně promyšleně jako ta anglická.

„Většina lidí“ ale není každý. Některé firmy mají systém značky, který přednastavení tak úplně nevyjádří. Některé potřebují konkrétní blok na konkrétním místě — regulatorní řádek, odkaz na projekt nebo rozvržení platebních pokynů, které jejich klienti už očekávají. Přesně k tomu slouží vizuální editor vlastních šablon. Tohle je praktický průvodce, jak ho používat dobře: kdy po něm sáhnout, jak poskládat šablonu z jejích stavebních prvků a jaké designové principy oddělují fakturu, kterou si někdo přečte, od té, kterou ignoruje.

Nejdřív upřímně: potřebujete vlastní šablonu vůbec?

Vizuální editor je mocný a moc svádí k nadužívání. Než ho otevřete, zkuste levnější řešení. V devíti případech z deseti vás vestavěná šablona plus dobrý branding dovede z 95 % k cíli.

Po vestavěné šabloně sáhněte, když:

Vlastní šablonu vytvořte, když:

Pokud patříte do druhého seznamu, čtěte dál. Pokud do prvního, samotný branding může stačit — a tomu se taky budeme věnovat, protože násobí účinek jakékoli šablony, kterou si vyberete.

Jak editor uvažuje: sekce v mřížce slotů

Editor vlastních šablon je postaven kolem mřížky slotů. Místo prázdného plátna, kde bojujete s absolutním pozicováním, je faktura rozdělena na sekce a každá sekce je slot, který vyplníte. Pod kapotou je rozvržení uloženo jako JSON — strukturovaný popis toho, které sekce se zobrazují, v jakém pořadí a jak jsou nastylovány — ale s JSON se nikdy nemusíte přímo dotknout. Skládáte vizuálně; struktura je to, díky čemu je výsledek předvídatelný napříč fakturami různé délky.

Tahle předvídatelnost je celý smysl. Plátno s přesností na pixel a přetahováním vypadá svobodně, dokud nevygenerujete skutečnou fakturu s dlouhým jménem klienta, položkou zalomenou na tři řádky a součtem v desítkách tisíc. Pak se volné rozvržení zhroutí. Mřížka slotů drží tvar, protože každá sekce ví, jak se zvětšit a přeskupit.

Sekce, ze kterých skládáte, přímo odpovídají částem faktury, které každý příjemce už zná:

Hlavička

Horní pruh: vaše logo, název dokumentu („Faktura“), číslo faktury a datum vystavení a splatnosti. Tohle je první, co příjemce vidí, a to, co bude později hledat, až bude dokument zakládat nebo na něj odkazovat.

Blok odesílatele

Kdo fakturuje — název vaší firmy, adresa, daňové identifikátory a kontaktní údaje. Díky polím adresy zohledňujícím zemi se popisky regionu a PSČ přizpůsobují zemi, ze které fakturujete, a u některých zemí jsou tato pole zcela skryta, když neplatí.

Blok klienta

Komu se fakturuje. Načteno z vašeho seznamu klientů, takže adresy nepřepisujete. V tomto bloku začíná „odpovídat očekáváním příjemce“: firemní klient chce svůj registrovaný název a DIČ; jednotlivec chce jen jméno a adresu.

Tabulka položek

Podstata: popis, množství, sazba a částka za řádek. Sem jde většina vertikálního prostoru a tady disciplína v rozvržení záleží nejvíc. Daň může být zahrnutá nebo nezahrnutá, můžete uplatnit více sazeb a tabulka za vás spočítá částku bez daně i částku k úhradě.

Blok součtů

Mezisoučet, daň, případná sleva a konečná částka k úhradě. K tomuhle se ještě vrátíme — je to jediný nejdůležitější blok na stránce a ten, který lidé nejčastěji poddimenzují.

Patička

Platební pokyny a podmínky. InvoiceFlow není platební procesor; faktura zobrazuje, jak zaplatit — bankovní údaje, platební odkaz nebo QR kód — a zákazník platí svou vlastní metodou. Patička je místo, kde to žije, vedle podmínek poplatků z prodlení a případného poděkování. Pokud platí rozpis splátek, vykreslí se zde jako jasný, datovaný rozpis.

Rozhodujete, které sekce se zobrazí a v jakém pořadí. Nemusíte vymýšlet strukturu — uspořádáváte strukturu, kterou faktury už mají.

Přepsání pro jednotlivou fakturu a sdílení napříč profily

Editor dělají skutečně užitečným, nikoli pouze dekorativním, dvě funkce rozsahu.

Přepsání pro jednotlivou fakturu. Šablona je výchozí nastavení, ne klec. Většina faktur používá vaši standardní šablonu, ale pro toho jednoho klienta, který trvá na konkrétním rozvržení — nebo pro jedinou nadměrnou zakázku, která si zaslouží formálnější prezentaci — můžete šablonu přepsat jen na té jedné faktuře. Zbytek vaší fakturace zůstane nedotčen.

Rozsah profilu. InvoiceFlow podporuje více firemních profilů v jedné aplikaci, takže můžete provozovat několik značek bez žonglování s přihlášeními. Vlastní šablonu lze sdílet napříč profily — užitečné, když dvě značky sdílejí mateřskou identitu a chcete jeden systém dokumentů — nebo ponechat specifickou pro profil, aby každá značka měla svůj promyšlený vzhled. Volíte u každé šablony. Studio s hlavní značkou a vedlejším podnikáním je možná udrží vizuálně odlišné; poradenská firma provozující dvě regionální entity možná bude sdílet jednu šablonu a jen vymění logo a údaje.

Branding: systém dvou log

Šablona je kostra; branding je to, co ji dělá vaší. InvoiceFlow používá systém dvou log: čtvercové logo a široké logo ukládáte zvlášť a šablony umístí to správné automaticky podle toho, kde je potřeba. Čtvercová značka sedí do kompaktního rohu; široká kompozice se hodí do hlavičkového pruhu přes celou šířku. Bez dvou variant skončíte se širokým logem vmáčknutým do čtvercového slotu nebo se čtvercovou značkou ztracenou v moři prázdného místa v hlavičce — obojí působí jako „dělané narychlo“.

Načtení čistých souborů loga řeší vestavěný ořezávač obrázků, takže se kvůli zarovnání exportu nemusíte přepínat do samostatného editoru. Nastavte obě varianty jednou a každá šablona — vestavěná i vlastní — bude vědět, kterou kde použít.

Písma: část, na kterou nikdo nemyslí, dokud se nerozbije

Typografie je místo, kde se amatérské faktury prozradí, a kde se mezinárodní faktury úplně rozpadnou. InvoiceFlow se dodává s vestavěným písmem NotoSans a nabízí uživatelsky volitelná písma, což je důležité ze dvou důvodů.

Zaprvé, správné vykreslování v nelatinských písmech. Písmo, které nemá glyfy azbuky, arabštiny nebo CJK, neselže hlasitě — tiše nahradí znaky čtverečky, otazníky nebo nesedícím náhradním řezem. NotoSans byl navržen právě proto, aby se tomu vyhnul; nese pokrytí glyfů, takže jméno ruského klienta, arabská adresa nebo čínský popis položky se vykreslí jako text, ne jako „tofu“. Pokud fakturujete napříč písmy, už jen tohle stojí za to při návrhu zohlednit.

Zadruhé, zdrženlivost. Nejúčinnějším typografickým rozhodnutím je použít jednu rodinu písma a opřít hierarchii o tučnost a velikost. Tučnější, větší číslo faktury; běžný text; o něco silnější součet. Spárovat dvě rodiny může fungovat, ale jen když to děláte záměrně. Když si nejste jisti, jedna rodina, tři tučnosti.

Skládání vaší první vlastní šablony, po pořádku

Tady je posloupnost, která nejrychleji a s nejmenším počtem revizí vyprodukuje použitelnou šablonu.

1. Vyjděte z nejbližšího vestavěného přednastavení, alespoň v hlavě

I když stavíte vlastní, rozhodněte se, které z 12 přednastavení je nejblíž vašemu cíli. Řekne vám, jaké pořadí sekcí už pro váš obor funguje — rozvržení contractor vede jinak než minimal — a ušetří vás od znovuvymýšlení rozhodnutí, která jsou už vyřešená.

2. Zafixujte hlavičku

Umístění loga, název dokumentu, číslo faktury, data. Rozhodněte, zda logo sedí vlevo, vpravo nebo na střed, a kterou variantu (čtvercovou nebo širokou) hlavičkový pruh chce. Tohle je sekce, kterou klienti screenshotují a podle níž zakládají, takže ji udělejte jednoznačnou.

3. Umístěte bloky odesílatele a klienta

Konvence je odesílatel vlevo nahoře, klient pod ním nebo naproti. Ať si vyberete cokoli, držte to konzistentní napříč všemi typy dokumentů, aby vracející se klient vaše papíry rozpoznal na první pohled.

4. Navrhněte tabulku položek pro nejhorší případ

Ne pro úhlednou ukázku — pro tu chaotickou realitu. Dlouhý popis, který se zalomí. Řádek s množstvím a desetinnou sazbou. Mix položek s daní zahrnutou i nezahrnutou. Pokud tabulka udrží tvar při této zátěži, udrží ho při čemkoli.

5. Udělejte součet nemožným přehlédnout

Více o tom níže, ale berte to jako designový krok, ne jako dodatečný nápad.

6. Napište patičku jednou, pořádně

Platební pokyny (bankovní údaje, odkaz nebo QR), vaše podmínky a vaše zásady poplatků z prodlení, pokud nějaké máte. Uvedení zásad poplatků z prodlení zde je to, co dělá jejich pozdější uplatnění férovým. Pokud fakturujete ve splátkách, ověřte, že se rozpis vykresluje tak, jak byste ho vysvětlili nahlas.

7. Otestujte, pak otestujte mezinárodně

Vygenerujte skutečné PDF a otevřete ho na telefonu — většina klientů čte faktury na telefonu a rozvržení, které je elegantní na notebooku, může být na pěti palcích nečitelné. Pak, pokud někdy fakturujete napříč jazyky, vygenerujte jednu v nelatinském písmu a potvrďte, že písma drží. Místní nastavení jednotlivé faktury umožní, aby PDF vyšlo v jazyce klienta bez ohledu na jazyk vaší aplikace, takže testujte jazyk, který skutečně pošlete.

Designové principy, které záleží víc než nástroj

Udělejte součet výrazným

Příjemce má jednu naléhavou otázku: kolik a do kdy. Každý další prvek existuje, aby tato dvě fakta podpořil. Částka k úhradě by měla být vizuálně nejdominantnějším číslem na stránce — větší, tučnější, oddělená prostorem nebo jemným pruhem. Datum splatnosti dejte hned vedle ní. Faktura, která pohřbí svůj součet v úhledné řadě stejných čísel, nutí čtenáře hledat, a čtenář, který musí hledat, je čtenář, který to založí „na později“.

Odpovídejte očekáváním příjemce

Dokument je „profesionální“ jen ve vztahu k tomu, co jeho čtenář očekává. Firemní oddělení závazků chce čisté, konvenční rozvržení s jasným polem objednávky nebo reference a jednoznačnými daňovými řádky — kreativita působí jako riziko. Individuální klient zadávající jednorázovou zakázku chce vřelost a srozumitelnost nad formálnost. Navrhujte pro člověka, který soubor otevírá, ne pro svůj vlastní vkus.

Odečítejte, než přidáte

Každý blok, který přidáte, je něco, co čtenář musí zpracovat. Pokud sekce nepomáhá pochopit, kolik dluží, proč a jak to zaplatit, vyřaďte ji. Nejčistší faktury nejsou ty s nejvíc designem — jsou to ty s nejmenším třením.

Konzistence napříč rodinou dokumentů

Vaše cenová nabídka, faktura, smlouva a dodací list by měly vypadat jako sourozenci. Když klient obdrží nabídku, přijme ji a později dostane fakturu, vizuální kontinuita tiše signalizuje, že za vším je tatáž pečlivá firma. Používejte stejnou rodinu šablon, stejná loga, stejná písma napříč celým životním cyklem.

Upřímné shrnutí na závěr

Vizuální editor tu není proto, aby z vás udělal designéra. Je tu pro chvíli, kdy 12 přednastavení skutečně nesedí — a aby zajistil, že když z nich vykročíte, výsledek je stále strukturovaný, stále se správně přeskupuje a stále se vykresluje v každém jazyce, do kterého prodáváte. Skládejte s mřížkou slotů, obrandujte to systémem dvou log, nastavte písmo, které pokrývá vaše písma, udělejte součet nemožným přehlédnout a navrhujte pro člověka, který soubor otevírá. Udělejte to a vlastní šablona přestane být dekorací a stane se součástí toho, jak dostáváte zaplaceno včas.