यूज़र गाइड

PDF टेम्पलेट, रंग पैलेट और फ़ॉन्ट

बारह इनवॉइस डिज़ाइन में से एक चुनें, इसे बिल्ट-इन या कस्टम पैलेट से रंगें, मिश्रित VAT दरों के लिए लेआउट बदलें और अपने PDF के फ़ॉन्ट सेट करें।

अपडेट किया गया: 2026-09-09

Invoice Flow में आपके द्वारा बनाया गया हर इनवॉइस, एस्टिमेट या डिलीवरी नोट, बारह बिल्ट-इन पेज डिज़ाइनों में से एक द्वारा उसी डेटा से बनाया जाता है। डिज़ाइन तय करता है कि लोगो, शीर्षक, पते और कुल कहाँ बैठते हैं; एक रंग पैलेट तय करता है कि हेडर बार, टेबल हेडर और लेबल किस रंग के हों; और एक अलग फ़ॉन्ट सेटिंग शीर्षक, टेबल हेडर, बॉडी टेक्स्ट और नोट्स का टाइपफ़ेस व वज़न तय करती है। ये तीनों स्वतंत्र हैं, इसलिए आप एक ही डिज़ाइन रखते हुए केवल उसके रंग बदल सकते हैं, या रंग रखते हुए इनवॉइस को छुए बिना कोई अलग डिज़ाइन आज़मा सकते हैं।

यह गाइड Amsterdam की Herengracht पर स्थित एक दो-सदस्यीय आर्किटेक्चर स्टूडियो Vos & Linden Architecten की Mara Vos का अनुसरण करती है। उसका इनवॉइस VL-2026-031, यूरो में 21% VAT के साथ, एक नहर-मकान नवीनीकरण के दूसरे चरण के लिए Brouwer Vastgoed B.V. को बिल करता है। आप एक ही इनवॉइस को चार बार रेंडर किया हुआ देखेंगे, ताकि डिज़ाइन और पैलेट के बीच अंतर आसानी से तुलना किया जा सके।

स्क्रीन पर आपको क्या दिखता है

डिज़ाइन के चुनाव दो जगह रहते हैं। एक ही दस्तावेज़ के लिए चुनाव इनवॉइस एडिटर में किया जाता है: Payment Options कार्ड के नीचे स्क्रॉल करें और आपको टेम्पलेट चुनें (Select Template) शीर्षक वाला एक कार्ड मिलता है जिसका उपशीर्षक वर्तमान डिज़ाइन और पैलेट दिखाता है, उदाहरण के लिए Elegant — sand। उस पर टैप करने पर टेम्पलेट चुनें स्क्रीन खुलती है जिसमें तीन अनुभाग हैं: Design, Color Palette और Layout, और ऊपर-दाईं ओर एक सहेजें (Save) बटन। ठीक उसके ऊपर इनवॉइस की भाषा (Invoice Language) कार्ड बैठता है, जो इस एक दस्तावेज़ के लिए प्रिंट किए गए लेबल की भाषा बदलता है।

Invoice Flow ऐप का इनवॉइस एडिटर इनवॉइस की भाषा कार्ड तक स्क्रॉल किया हुआ, जिसमें App Language दिखता है, और टेम्पलेट चुनें कार्ड Elegant — sand दिखाता हुआ, Notes और Payment Terms फ़ील्ड के ऊपर
दस्तावेज़ का डिज़ाइन उसके एडिटर में टेम्पलेट चुनें कार्ड से चुना जाता है।

दूसरी जगह सेटिंग्स है। PDF टेम्पलेट (PDF templates) पंक्ति (उपशीर्षक “अपने खुद के लेआउट बनाएँ और प्रबंधित करें”) तीन टैब वाली स्क्रीन खोलती है: आपके द्वारा बनाए गए लेआउट के लिए Mine, किसी भी पैलेट में पूर्वावलोकन किए जा सकने वाले और कस्टम एडिटर में खोले जा सकने वाले 25 स्टार्टर लेआउट के लिए Gallery, और अपने खुद के रंग सेट बनाने के लिए Palettes। Fonts पंक्ति (उपशीर्षक “इंटरफ़ेस और दस्तावेज़ टाइपोग्राफ़ी”) ऐप के लिए एक Interface टैब और PDF के लिए एक Documents टैब वाली स्क्रीन खोलती है।

शुरू करने से पहले एक भेद ध्यान रखें। टेम्पलेट चुनें स्क्रीन के बारह डिज़ाइन स्थिर रेंडरर हैं; आप एक चुनते हैं और उसे फिर से रंगते हैं। Gallery टैब के 25 कार्ड कस्टम टेम्पलेट एडिटर के लिए बीज हैं, जो अपनी ही गाइड में कवर की गई एक अलग सुविधा है। गैलरी में पैलेट चुनने से वहाँ के पूर्वावलोकन ही फिर से रंगे जाते हैं; यह किसी इनवॉइस के पैलेट को नहीं बदलता।

इनवॉइस के लिए डिज़ाइन और पैलेट कैसे चुनें

  1. एडिटर में इनवॉइस खोलें और नीचे टेम्पलेट चुनें कार्ड तक स्क्रॉल करें, फिर उस पर टैप करें।
  2. Design के तहत, बारह कार्ड में से एक पर टैप करें। चुने गए कार्ड को एक मोटा बॉर्डर और चेक मार्क मिलता है, और नीचे का पैलेट उस डिज़ाइन के डिफ़ॉल्ट रंगों पर कूद जाता है।
  3. Color Palette के तहत, डिफ़ॉल्ट को ओवरराइड करने के लिए दस चिप में से किसी पर टैप करें। चुनी गई चिप उसके रंग गोले के भीतर एक सफेद चेक दिखाती है।
  4. Layout के तहत, जब तक इनवॉइस में मिश्रित VAT दरें न हों (अगला भाग देखें) तब तक Standard चुना हुआ छोड़ें।
  5. ऊपर-दाईं ओर सहेजें पर टैप करें। एडिटर में वापस कार्ड का उपशीर्षक अपडेट होता है, उदाहरण के लिए Elegant — sand पर।
  6. परिवर्तन सहेजें (या Save Draft) से इनवॉइस सहेजें; डिज़ाइन इनवॉइस पर संग्रहीत होता है और हर बार जब आप इसे पूर्वावलोकन या साझा करते हैं तब उपयोग होता है।
Invoice Flow ऐप का टेम्पलेट चुनें स्क्रीन तीन-कॉलम Design ग्रिड के साथ, बारह कार्ड जिनके नाम Clean, Professional, Bold, Elegant, Compact, Modern, Classic, Creative, Minimal, Contractor, Striped और Installment हैं; Elegant चुना हुआ है और Installment एक छोटे स्प्लिट बैज के साथ धुंधला है
Design ग्रिड; Installment धुंधला है क्योंकि यह इनवॉइस एकल भुगतान का उपयोग करता है।
Invoice Flow ऐप का टेम्पलेट चुनें स्क्रीन Color Palette अनुभाग तक स्क्रॉल किया हुआ, दस चिप के साथ, Sand चेक के साथ चुना हुआ, और Layout अनुभाग जिसमें Multi-Tax Breakdown चिप चुनी गई
दस पैलेट और दो लेआउट चिप ग्रिड के नीचे बैठते हैं।

नीचे दिए गए चार PDF वही इनवॉइस VL-2026-031 हैं जिसमें डिज़ाइन और पैलेट के अलावा कुछ नहीं बदला गया।

Invoice Flow ऐप का इनवॉइस VL-2026-031 का PDF Clean डिज़ाइन में Ocean पैलेट के साथ: बाईं ओर लोगो और कंपनी ब्लॉक, दाईं ओर बड़ा नीला INVOICE शीर्षक, हल्के नीले रंग का Bill To बॉक्स और नीला टेबल हेडर
Clean, Ocean के साथ, एक नए इनवॉइस के लिए डिफ़ॉल्ट।
Invoice Flow ऐप का उसी इनवॉइस का PDF Professional डिज़ाइन में Charcoal पैलेट के साथ: लोगो और कंपनी नाम वाला पूरी चौड़ाई का गहरा हेडर बार, साथ-साथ FROM और Bill To कॉलम, और इश्यू तारीख, नियत तारीख व स्थिति वाली एक ग्रे पट्टी
Professional, Charcoal के साथ।
Invoice Flow ऐप का उसी इनवॉइस का PDF Elegant डिज़ाइन में Sand पैलेट के साथ: बीच में भूरे रंग का INVOICE शीर्षक नीचे नंबर के साथ, पतली ग्रे रेखाएँ, बाईं ओर प्रेषक और दाईं ओर क्लाइंट, और भूरा टेबल हेडर
Elegant, Sand के साथ, स्टूडियो की अपनी पसंद।
Invoice Flow ऐप का उसी इनवॉइस का PDF Modern डिज़ाइन में Plum पैलेट के साथ: दाईं ओर बड़ा बैंगनी INVOICE शीर्षक, Bill To ब्लॉक के बगल में बैंगनी पट्टी और कुल के चारों ओर हल्का बैंगनी गोल बॉक्स
Modern, Plum के साथ।

नीचे दी गई तालिका हर डिज़ाइन का वर्णन करती है जैसा वह अपने डिफ़ॉल्ट पैलेट के साथ वास्तव में रेंडर होता है।

डिज़ाइनडिफ़ॉल्ट पैलेटपृष्ठ पर यह कैसा दिखता है
CleanOceanऊपर-बाईं ओर लोगो और कंपनी ब्लॉक, ऊपर-दाईं ओर नंबर और तारीखों के साथ बड़ा रंगीन INVOICE शीर्षक, टिंट किया गया Bill To बॉक्स, रंगीन टेबल हेडर।
ProfessionalCharcoalलोगो, कंपनी नाम और इनवॉइस नंबर वाला पूरी चौड़ाई का गहरा हेडर बार; साथ-साथ FROM और Bill To; इश्यू तारीख, नियत तारीख व स्थिति वाली ग्रे पट्टी।
BoldPlumबड़ा भरा हुआ, गोल हेडर ब्लॉक जिसके भीतर सफेद रंग में कंपनी विवरण प्रिंट है; रंगीन रेखा के नीचे Bill To; कुल के नीचे मोटी रंगीन रेखा।
ElegantForestबीच में INVOICE शीर्षक नीचे नंबर और उसके नीचे एक रेखा के साथ; बाईं ओर प्रेषक, दाईं ओर संरेखित क्लाइंट; पतली रेखाओं के बीच तारीखों की पंक्ति; नोट्स और शर्तें दो कॉलम में।
CompactCharcoalकेवल ईमेल और फ़ोन वाला दो-पंक्ति हेडर; छोटे FROM और Bill To कॉलम; लंबे इनवॉइस को कम पृष्ठों में फ़िट करने के लिए पूरे में छोटा टाइप।
ModernOceanदाईं ओर बड़ा रंगीन INVOICE शीर्षक, Bill To ब्लॉक के बाएँ किनारे पर एक रंगीन पट्टी, और गोल टिंट किए गए बॉक्स के भीतर कुल।
ClassicOceanदोहरी रेखा के ऊपर बीच में शीर्षक, तारीखों की पंक्ति, फ्रेम किए गए बॉक्स में FROM और Bill To, ग्रे बॉक्स में नोट्स और शर्तें।
CreativeSunsetबाएँ हाशिये में रंगीन ऊर्ध्वाधर पट्टी, बैज के रूप में प्रिंट किया गया INVOICE, दाईं ओर स्टैक किए गए इश्यू और नियत तारीख, फ्रेम किया गया कुल बॉक्स, नोट्स के बगल में रंगीन पट्टी।
MinimalCharcoalबहुत बड़ा कंपनी नाम, छोटी ग्रे संपर्क पंक्तियाँ, पतली ग्रे रेखाएँ और टेबल हेडर के अलावा कोई रंग नहीं।
ContractorForestशीर्षक CONTRACTOR INVOICE पढ़ता है; एक टिंट की गई पट्टी में Invoice #, Issue Date, Due Date और भुगतान की शर्तें; रंगीन बाईं पट्टी के साथ Bill To।
StripedOceanनीचे पतली एक्सेंट रेखा वाला गोल रंगीन हेडर ब्लॉक; छोटे टिंट किए गए FROM और Bill To टैग; टेबल के नीचे एक्सेंट रेखा; टिंट किया गया नोट्स बॉक्स।
InstallmentForestकॉम्पैक्ट हेडर के साथ Clean जैसा ही आकार; स्प्लिट भुगतान के लिए बनाया गया, जहाँ भुगतान अनुसूची और उसके बैज नोट्स से पहले प्रिंट होते हैं।

मल्टी-टैक्स लेआउट का उपयोग कैसे करें

हर डिज़ाइन के दो लेआउट वेरिएंट होते हैं। Standard कुल में एक कर पंक्ति प्रिंट करता है। Multi-Tax Breakdown हर अलग दर के लिए एक पंक्ति और एक Total Tax पंक्ति प्रिंट करता है, जो तब उपयोगी है जब कोई इनवॉइस मिश्रित हो, मान लीजिए 21% सेवाएँ और 9% माल, जिसकी अकाउंटेंट को उम्मीद होती है।

  1. टेम्पलेट चुनें स्क्रीन में Layout अनुभाग तक स्क्रॉल करें।
  2. Multi-Tax Breakdown पर टैप करें; चिप भर जाती है और चेक मार्क दिखाती है।
  3. सहेजें पर टैप करें, फिर इनवॉइस सहेजें।
  4. कुल ब्लॉक जाँचने के लिए इनवॉइस से PDF पूर्वावलोकन खोलें।

आपको इस स्विच की सख्ती से ज़रूरत नहीं है: जब भी लाइन आइटम में एक से अधिक अलग कर दर होती है, ब्रेकडाउन टेबल वैसे भी प्रिंट होती है, भले ही Standard चुना हो। Multi-Tax Breakdown चुनना एकल दर वाले इनवॉइस के लिए भी ब्रेकडाउन को बाध्य करता है, जिसे कुछ क्लाइंट स्थिरता के लिए पसंद करते हैं।

अपना खुद का पैलेट कैसे बनाएँ

दस बिल्ट-इन पैलेट अधिकतर ब्रांड को कवर करते हैं, लेकिन अपने रंग वाला स्टूडियो छह भूमिकाओं से एक पैलेट परिभाषित कर सकता है: Primary, Secondary, Accent, Header background, Header text और Subtle background। पैलेट बनाना एक Pro सुविधा है; प्लस बटन फ्री खाते पर पेवॉल खोलता है।

  1. सेटिंग्स खोलें, PDF टेम्पलेट पर टैप करें, फिर Palettes टैब।
  2. + बटन पर टैप करें। Edit palette शीट Ocean रंगों और My palette नाम भरा हुआ खुलती है।
  3. Palette name में नाम बदलें।
  4. किसी भूमिका के बगल में वर्गाकार स्वैच पर टैप करें, उदाहरण के लिए Primary, और Pick color संवाद में एक रंग चुनें। लेबल के नीचे का हेक्स मान अपडेट होता है।
  5. जो अन्य भूमिकाएँ बदलनी हैं उनके लिए दोहराएँ, फिर सहेजें पर टैप करें।
  6. इसे बाद में बदलने के लिए, पैलेट पंक्ति पर टैप करें; हटाने के लिए, पंक्ति पर बिन आइकन पर टैप करें।
Invoice Flow ऐप का Palettes टैब जिसमें Studio graphite नाम का सहेजा गया पैलेट और Edit palette शीट खुली हुई, सूचीबद्ध Primary #FF455A64, Secondary #FF616161, Accent #FFE64A19, Header background, Header text और Subtle background रंग स्वैच के साथ, और Cancel व Save बटन
छह रंग भूमिकाएँ मिलकर एक कस्टम पैलेट बनाती हैं।
Invoice Flow ऐप का Pick color संवाद छह-बटा-चार ग्रिड में चौबीस रंग स्वैच दिखाता हुआ, लाल और गुलाबी से नीले व हरे होते हुए भूरे, ग्रे, काले और सफेद तक, Cancel बटन के साथ
रंग पिकर 24 निश्चित स्वैच देता है।

Mara का “Studio graphite” पैलेट एक नीला-ग्रे प्राइमरी, मध्यम-ग्रे सेकंडरी और स्टूडियो लोगो से मेल खाता जला हुआ नारंगी एक्सेंट उपयोग करता है। सहेजे जाने के बाद, यह Gallery टैब में पैलेट पट्टी के अंत में दिखाई देता है, दस बिल्ट-इन को उससे अलग करने वाली एक पतली विभाजन रेखा के बाद। वहाँ उस पर टैप करें और हर स्टार्टर लेआउट आपके रंगों में फिर से बनाया जाता है, जो किसी कस्टम लेआउट के लिए प्रतिबद्ध होने से पहले यह जाँचने का सबसे तेज़ तरीका है कि पृष्ठ पर ब्रांड रंग कैसा व्यवहार करता है।

Invoice Flow ऐप का PDF templates स्क्रीन Gallery टैब पर, Elegant श्रेणी चुनी हुई; पैलेट पट्टी में Mono, Sand, एक विभाजन रेखा, और हाइलाइट किया गया कस्टम Studio graphite चिप दिखता है, और Centered, Boutique, Symmetric व Airy नाम के चार थंबनेल नीले-ग्रे में बने हैं
कस्टम पैलेट से फिर से रंगी गई Gallery; हर कार्ड कस्टम टेम्पलेट एडिटर खोलता है।
कस्टम पैलेट केवल Gallery पट्टी में दिए जाते हैं। टेम्पलेट चुनें स्क्रीन का Color Palette अनुभाग केवल दस बिल्ट-इन पैलेट सूचीबद्ध करता है और कुछ नहीं, इसलिए कोई कस्टम पैलेट केवल गैलरी से बने कस्टम लेआउट के माध्यम से PDF तक पहुँचता है।

अपने PDF के फ़ॉन्ट कैसे बदलें

फ़ॉन्ट एक वैश्विक सेटिंग है, प्रति-इनवॉइस नहीं: Documents के तहत आप जो भी चुनते हैं वह उसके बाद बनाए गए हर PDF पर, किसी भी डिज़ाइन और पैलेट के साथ, लागू होता है।

  1. सेटिंग्स खोलें, Fonts पर टैप करें, फिर Documents टैब।
  2. Font Family के तहत आठ पंक्तियों में से एक पर टैप करें: System Default, Noto Sans, Noto Serif, Roboto, Open Sans, Lato, PT Sans या Merriweather। हर पंक्ति अपने ही टाइपफ़ेस में प्रिंट है और चुनी गई पंक्ति चेक मार्क दिखाती है।
  3. Invoice Title कार्ड तक स्क्रॉल करें और Scale स्लाइडर खींचें; दाईं ओर का प्रतिशत और INVOICE पूर्वावलोकन खींचते समय बदलते हैं।
  4. उस टेक्स्ट भूमिका में बोल्ड, इटैलिक, अंडरलाइन या स्ट्राइकथ्रू जोड़ने के लिए B, I, U या S टॉगल पर टैप करें।
  5. Table Headers, Body Text और Notes & Terms कार्ड में भी वही करें। बदलाव करते ही सहेजे जाते हैं; कोई Save बटन नहीं है।
Invoice Flow ऐप का Fonts स्क्रीन Documents टैब पर, System Default, Noto Sans, Noto Serif (चेक के साथ चुना हुआ), Roboto, Open Sans, Lato, PT Sans और Merriweather सूचीबद्ध, हर एक अपने ही टाइपफ़ेस में बना हुआ, नीचे 120% स्केल पर शुरू होते Invoice Title कार्ड के साथ
हर फ़ैमिली पंक्ति खुद का पूर्वावलोकन करती है; यहाँ Noto Serif चुना हुआ है।
Invoice Flow ऐप का Fonts स्क्रीन Documents टैब 120% पर Invoice Title कार्ड तक स्क्रॉल किया हुआ, B सक्रिय और सेरिफ़ INVOICE पूर्वावलोकन के साथ, 100% बोल्ड पर Table Headers कार्ड और सेरिफ़ नमूना पंक्ति के साथ 100% पर Body Text कार्ड
हर टेक्स्ट भूमिका के लिए स्केल, चार स्टाइल टॉगल और एक लाइव पूर्वावलोकन।

चार भूमिकाओं की उचित डिफ़ॉल्ट सेटिंग होती है: शीर्षक और टेबल हेडर 100% पर बोल्ड हैं, बॉडी टेक्स्ट 100% पर सामान्य है, और नोट्स व शर्तें 90% पर इटैलिक हैं। दस्तावेज़ कार्ड में स्केल स्लाइडर 70% से 150% तक चलते हैं। Interface टैब अलग है; इसकी फ़ैमिली सूची वही है, लेकिन इसके Scale और Icon Size स्लाइडर केवल ऐप स्क्रीन को प्रभावित करते हैं, PDF को कभी नहीं।

नियम और विवरण

टिप्स

डिज़ाइन एक बार तय करें और उसे आगे बढ़ने दें: डुप्लिकेट किया गया इनवॉइस और इनवॉइस में बदला गया एस्टिमेट, दोनों स्रोत दस्तावेज़ का डिज़ाइन और पैलेट दोबारा उपयोग करते हैं, इसलिए किसी क्लाइंट के पहले दस्तावेज़ के बाद आपको शायद ही कभी टेम्पलेट चुनें स्क्रीन की ज़रूरत पड़े।
Charcoal या Mono पर तय करने से पहले एक टेस्ट पेज प्रिंट करें। गहरे पैलेट स्क्रीन पर तीखे दिखते हैं लेकिन Professional या Bold जैसे पूरी चौड़ाई के हेडर में बहुत अधिक टोनर भरते हैं; Clean, Elegant और Minimal केवल पतले तत्वों पर रंग उपयोग करते हैं।
यदि किसी क्लाइंट का अकाउंटेंट दर के अनुसार VAT माँगे, तो आइटम दर्ज करने का तरीका बदलने के बजाय उस एक इनवॉइस को Multi-Tax Breakdown पर स्विच करें। सेटिंग प्रति दस्तावेज़ है और बाकी इनवॉइस वैसे ही रहते हैं।
दस्तावेज़ फ़ॉन्ट को 100% पर रखें और जब आप बोल्डर पृष्ठ चाहें तो टाइटल स्केल का उपयोग करें। बॉडी टेक्स्ट बड़ा करने से लंबे विवरण अतिरिक्त पंक्तियों में चले जाते हैं और एक-पृष्ठ का इनवॉइस दो में बदल सकता है।

संबंधित गाइड