Посібник

PDF-шаблони, палітри кольорів і шрифти

Виберіть один із дванадцяти дизайнів рахунка, перефарбуйте його вбудованою чи власною палітрою, перемкніть макет для змішаних ставок ПДВ і задайте шрифти для ваших PDF.

Оновлено: 2026-09-09

Кожен рахунок, кошторис або накладна, які ви створюєте в Invoice Flow, малюються з тих самих даних одним із дванадцяти вбудованих дизайнів сторінки. Дизайн визначає, де розташовані логотип, заголовок, адреси та підсумки; палітра кольорів визначає, якого кольору будуть смуга заголовка, шапка таблиці та підписи; а окреме налаштування шрифтів визначає гарнітуру й насиченість заголовка, шапок таблиці, основного тексту та нотаток. Усі три незалежні, тож ви можете зберегти один дизайн і змінити лише його кольори або зберегти кольори й спробувати інший дизайн, не торкаючись самого рахунка.

У цьому посібнику ми стежимо за Mara Vos із Vos & Linden Architecten, архітектурної студії з двох осіб на Herengracht в Амстердамі. Її рахунок VL-2026-031 виставлено Brouwer Vastgoed B.V. за другий етап реконструкції будинку на каналі, у євро з ПДВ 21%. Ви побачите цей один рахунок, відрендерений чотири рази, тож відмінності між дизайнами та палітрами легко порівняти.

Що ви бачите на екрані

Вибір дизайну відбувається у двох місцях. Вибір для окремого документа робиться в редакторі рахунків: прокрутіть нижче картки Способи оплати (Payment Options), і ви знайдете картку Виберіть шаблон (Select Template), підзаголовок якої показує поточний дизайн і палітру, наприклад Elegant — sand. Дотик до неї відкриває екран Виберіть шаблон із трьома розділами: Дизайн (Design), Палітра кольорів (Color Palette) і Макет (Layout), та кнопкою Зберегти (Save) у верхньому правому куті. Одразу над нею розташована картка Мова рахунку (Invoice Language), яка змінює мову надрукованих підписів лише для цього документа.

Редактор рахунків у застосунку Invoice Flow, прокручений до картки «Мова рахунку» зі значенням «Мова застосунку» та картки «Виберіть шаблон» зі значенням Elegant — sand, над полями нотаток і умов оплати — Дизайн документа вибирається в картці «Виберіть шаблон» у його редакторі.

Друге місце — Налаштування (Settings). Рядок PDF-шаблони (PDF templates) (підзаголовок «Створюйте та керуйте власними макетами») відкриває екран із трьома вкладками: Свої (Mine) для макетів, які ви створили самі, Галерея (Gallery) для 25 стартових макетів, які можна переглянути в будь-якій палітрі та відкрити у власному редакторі, і Палітри (Palettes), де ви створюєте власні набори кольорів. Рядок Шрифти (Fonts) (підзаголовок «Типографіка інтерфейсу та документів») відкриває екран із вкладкою Інтерфейс (Interface) для самого застосунку та вкладкою Документи (Documents) для PDF.

Одна відмінність важлива, перш ніж почати. Дванадцять дизайнів на екрані Виберіть шаблон — це фіксовані рендерери; ви вибираєте один і перефарбовуєте його. 25 карток на вкладці Галерея — це заготовки для редактора власних шаблонів, окремої функції, описаної у власному посібнику. Вибір палітри в галереї лише перефарбовує тамтешні прев’ю; він не змінює палітру жодного рахунка.

Як вибрати дизайн і палітру для рахунка

Відкрийте рахунок у редакторі, прокрутіть униз до картки Виберіть шаблон і торкніться її.
У розділі Дизайн торкніться однієї з дванадцяти карток. Вибрана картка отримує товсту рамку та галочку, а палітра нижче перемикається на типові кольори цього дизайну.
У розділі Палітра кольорів торкніться будь-якого з десяти чипів, щоб замінити типову палітру. Вибраний чип показує білу галочку всередині кольорового кола.
У розділі Макет залиште вибраним Стандартний (Standard), якщо рахунок не змішує ставки ПДВ (див. наступний розділ).
Торкніться Зберегти у верхньому правому куті. У редакторі підзаголовок картки оновлюється, наприклад на Elegant — sand.
Збережіть рахунок кнопкою Зберегти зміни (Save Changes) (або Зберегти чернетку (Save Draft)); дизайн зберігається в рахунку й використовується щоразу, коли ви його переглядаєте або надсилаєте.

Екран «Виберіть шаблон» у застосунку Invoice Flow із сіткою дизайнів у три стовпці з дванадцяти карток: Clean, Professional, Bold, Elegant, Compact, Modern, Classic, Creative, Minimal, Contractor, Striped та Installment; Elegant вибрано, а Installment затемнено з маленьким значком split — Сітка дизайнів; Installment затемнено, бо цей рахунок використовує один платіж.

Екран «Виберіть шаблон» у застосунку Invoice Flow, прокручений до розділу «Палітра кольорів» із десятьма чипами, Sand вибрано з галочкою, і розділу «Макет» із вибраним чипом «Деталізація кількох ПДВ» — Десять палітр і два чипи макета розташовані під сіткою.

Кожна картка в сітці — це мініатюрна сторінка зі смугою заголовка в типовому кольорі дизайну. Коли картка намальована напівпрозорою з маленьким значком split або single, дизайн налаштований для іншого режиму оплати. Лише Installment має такий значок; усі інші дизайни підходять і для одного, і для розділеного платежу. Затемнену картку все одно можна вибрати.

Чотири PDF нижче — це той самий рахунок VL-2026-031, у якому не змінено нічого, крім дизайну та палітри.

PDF рахунка VL-2026-031 у застосунку Invoice Flow в дизайні Clean із палітрою Ocean: логотип і блок компанії ліворуч, великий синій заголовок INVOICE праворуч, світло-синє поле Bill To та синя шапка таблиці — Clean з Ocean, типовий вибір для нового рахунка.

PDF того самого рахунка в застосунку Invoice Flow в дизайні Professional із палітрою Charcoal: темна смуга заголовка на всю ширину з логотипом і назвою компанії, стовпці FROM і Bill To поруч та сіра смуга з датою виставлення, строком оплати й статусом — Professional із Charcoal.

PDF того самого рахунка в застосунку Invoice Flow в дизайні Elegant із палітрою Sand: коричневий заголовок INVOICE по центру з номером під ним, тонкі сірі лінії, відправник ліворуч і клієнт праворуч та коричнева шапка таблиці — Elegant із Sand, власний вибір студії.

PDF того самого рахунка в застосунку Invoice Flow в дизайні Modern із палітрою Plum: великий фіолетовий заголовок INVOICE праворуч, фіолетова смуга поруч із блоком Bill To та блідо-фіолетове заокруглене поле навколо підсумків — Modern із Plum.

Таблиця нижче описує кожен дизайн так, як він насправді рендериться з типовою палітрою.

Дизайн	Типова палітра	Як це виглядає на сторінці
Clean	Ocean	Логотип і блок компанії вгорі ліворуч, великий кольоровий заголовок INVOICE з номером і датами вгорі праворуч, тоноване поле Bill To, кольорова шапка таблиці.
Professional	Charcoal	Темна смуга заголовка на всю ширину з логотипом, назвою компанії та номером рахунка; FROM і Bill To поруч; сіра смуга з датою виставлення, строком оплати та статусом.
Bold	Plum	Великий заповнений заокруглений блок заголовка з реквізитами компанії білим усередині; Bill To під кольоровою лінією; товста кольорова лінія під підсумками.
Elegant	Forest	Заголовок INVOICE по центру з номером під ним і лінією нижче; відправник ліворуч, клієнт вирівняний праворуч; рядок дат між тонкими лініями; нотатки та умови у два стовпці.
Compact	Charcoal	Дворядковий заголовок лише з електронною поштою та телефоном; невеликі стовпці FROM і Bill To; менший шрифт скрізь, тож довгі рахунки вміщаються на меншій кількості сторінок.
Modern	Ocean	Великий кольоровий заголовок INVOICE праворуч, кольорова смуга на лівому краю блоку Bill To та підсумки в заокругленому тонованому полі.
Classic	Ocean	Заголовок по центру над подвійною лінією, рядок дат, FROM і Bill To в обрамлених полях, нотатки та умови в сірому полі.
Creative	Sunset	Кольорова вертикальна смуга вздовж лівого поля, INVOICE надруковано як значок, дати виставлення та оплати одна над одною праворуч, обрамлене поле підсумків, кольорова смуга поруч із нотатками.
Minimal	Charcoal	Дуже велика назва компанії, дрібні сірі контактні рядки, тонкі сірі лінії й жодного кольору, крім шапки таблиці.
Contractor	Forest	Заголовок CONTRACTOR INVOICE; тонована смуга містить Invoice #, Issue Date, Due Date та умови оплати; Bill To з кольоровою лівою смугою.
Striped	Ocean	Заокруглений кольоровий блок заголовка з тонкою акцентною лінією під ним; невеликі тоновані мітки FROM і Bill To; акцентна лінія під таблицею; тоноване поле нотаток.
Installment	Forest	Та сама форма, що й Clean, із компактним заголовком; створений для розділених платежів, де графік платежів і його значки друкуються перед нотатками.

Як використовувати макет для кількох податків

Кожен дизайн має два варіанти макета. Стандартний друкує один рядок податку в підсумках. Деталізація кількох ПДВ (Multi-Tax Breakdown) друкує по одному рядку на кожну окрему ставку плюс рядок Total Tax, чого й очікує бухгалтер, коли рахунок змішує, скажімо, послуги за 21% і товари за 9%.

На екрані Виберіть шаблон прокрутіть до розділу Макет.
Торкніться Деталізація кількох ПДВ; чип заповнюється й показує галочку.
Торкніться Зберегти, потім збережіть рахунок.
Відкрийте Перегляд PDF (Preview PDF) із рахунка, щоб перевірити блок підсумків.

Строго кажучи, цей перемикач не обов’язковий: щоразу, коли позиції містять більше однієї окремої ставки податку, таблиця деталізації друкується все одно, навіть із вибраним Стандартний. Вибір Деталізація кількох ПДВ примусово вмикає деталізацію й для рахунків з однією ставкою, чому деякі клієнти віддають перевагу заради однорідності.

Як створити власну палітру

Десять вбудованих палітр покривають більшість брендів, але студія з власними кольорами може визначити палітру з шести ролей: Основний (Primary), Додатковий (Secondary), Акцент (Accent), Тло заголовка (Header background), Текст заголовка (Header text) і М’яке тло (Subtle background). Створення палітри — функція Pro; кнопка плюс на безкоштовному акаунті відкриває екран підписки.

Відкрийте Налаштування, торкніться PDF-шаблони, потім вкладку Палітри.
Торкніться кнопки +. Відкривається панель Редагувати палітру (Edit palette) з кольорами Ocean і заповненою назвою My palette.
Замініть назву в полі Назва палітри (Palette name).
Торкніться квадратного зразка поруч із роллю, наприклад Основний, і виберіть колір у діалозі Вибрати колір (Pick color). Шістнадцяткове значення під підписом оновлюється.
Повторіть для інших ролей, які хочете змінити, потім торкніться Зберегти.
Щоб змінити її пізніше, торкніться рядка палітри; щоб видалити, торкніться значка кошика в рядку.

Вкладка «Палітри» в застосунку Invoice Flow зі збереженою палітрою Studio graphite і відкритою панеллю «Редагувати палітру», де перелічено Основний #FF455A64, Додатковий #FF616161, Акцент #FFE64A19, Тло заголовка, Текст заголовка та М'яке тло зі зразками кольорів і кнопками «Скасувати» та «Зберегти» — Шість ролей кольорів складають власну палітру.

Діалог «Вибрати колір» у застосунку Invoice Flow із сіткою шість на чотири з двадцяти чотирьох зразків кольорів від червоного та рожевого через сині й зелені до коричневих, сірих, чорного та білого, з кнопкою «Скасувати» — Вибір кольору пропонує 24 фіксовані зразки.

Палітра Mara «Studio graphite» використовує синьо-сірий основний колір, середньо-сірий додатковий і випалено-помаранчевий акцент, що відповідає логотипу студії. Після збереження вона з’являється в кінці смуги палітр на вкладці Галерея, після тонкого роздільника, який відокремлює її від десяти вбудованих. Торкніться її там, і кожен стартовий макет буде перемальовано у ваших кольорах, що є найшвидшим способом оцінити, як колір бренду поводиться на сторінці, перш ніж братися за власний макет.

Екран «PDF-шаблони» у застосунку Invoice Flow на вкладці «Галерея» з вибраною категорією Elegant; смуга палітр показує Mono, Sand, роздільник і виділений власний чип Studio graphite, а чотири мініатюри з назвами Centered, Boutique, Symmetric та Airy намальовані синьо-сірим — Галерея, перефарбована власною палітрою; кожна картка відкриває редактор власних шаблонів.

Власні палітри пропонуються лише в смузі Галереї. Розділ Палітра кольорів на екрані Виберіть шаблон перелічує десять вбудованих палітр і нічого більше, тож власна палітра потрапляє в PDF лише через власний макет, створений із галереї.

Як змінити шрифти у ваших PDF

Шрифти — це глобальне налаштування, а не окреме для кожного рахунка: усе, що ви виберете на вкладці Документи, застосовується до кожного PDF, який ви створюєте відтоді, з будь-яким дизайном і палітрою.

Відкрийте Налаштування, торкніться Шрифти, потім вкладку Документи.
У розділі Гарнітура (Font Family) торкніться одного з восьми рядків: Системна за замовчуванням (System Default), Noto Sans, Noto Serif, Roboto, Open Sans, Lato, PT Sans або Merriweather. Кожен рядок надруковано власною гарнітурою, а вибраний показує галочку.
Прокрутіть до картки Заголовок рахунку (Invoice Title) і перетягніть повзунок Масштаб (Scale); відсоток праворуч і прев'ю INVOICE змінюються під час перетягування.
Торкніться перемикачів B, I, U або S, щоб додати жирний, курсив, підкреслення або закреслення цій текстовій ролі.
Зробіть те саме в картках Заголовки таблиці (Table Headers), Основний текст (Body Text) і Нотатки та умови (Notes & Terms). Зміни зберігаються в міру внесення; кнопки «Зберегти» немає.

Екран «Шрифти» в застосунку Invoice Flow на вкладці «Документи» з переліком Системна за замовчуванням, Noto Sans, Noto Serif (вибрано з галочкою), Roboto, Open Sans, Lato, PT Sans і Merriweather, кожен намальований власною гарнітурою, з карткою «Заголовок рахунку» нижче на масштабі 120% — Кожен рядок гарнітури показує сам себе; тут вибрано Noto Serif.

Екран «Шрифти» в застосунку Invoice Flow, вкладка «Документи», прокручено до картки «Заголовок рахунку» на 120% з активним B і прев'ю INVOICE із зарубками, картки «Заголовки таблиці» на 100% жирним і картки «Основний текст» на 100% зі зразковим рядком із зарубками — Масштаб, чотири перемикачі стилю та живе прев'ю для кожної текстової ролі.

Чотири ролі мають розумні типові значення: заголовок і шапки таблиці жирні на 100%, основний текст звичайний на 100%, а нотатки та умови курсивом на 90%. Повзунки масштабу в картках документів працюють від 70% до 150%. Вкладка Інтерфейс окрема; її список гарнітур такий самий, але її повзунки Масштаб і Розмір значка (Icon Size) впливають лише на екрани застосунку й ніколи на PDF.

Правила та подробиці

Дизайн, палітра та макет зберігаються в самому рахунку (поля для шаблону, палітри та варіанта макета). Їх зміна в одному рахунку ніколи не впливає на інший. Дублювання рахунка та перетворення кошторису на рахунок копіюють усі три поля разом із мовою рахунка; регулярний графік має власне налаштування шаблону.
Новий рахунок починається як Clean із палітрою Ocean і макетом Стандартний. Дотик до дизайну в сітці скидає палітру на типову для цього дизайну; вибирайте палітру після дизайну.
Якщо рахунок посилається на палітру або дизайн, яких більше не існує, рендерер повертається до Ocean і Clean замість того, щоб видати помилку.
Вибір дизайну та палітри безкоштовний. Створення власної палітри потребує Pro. На безкоштовному акаунті або після завершення пробного періоду кожна сторінка PDF містить діагональний сірий водяний знак «Invoice Flow APP — FREE VERSION» під час перегляду або надсилання.
Усі десять вбудованих палітр використовують білий текст заголовка й основний колір як тло заголовка; вони відрізняються основним, додатковим, акцентним кольорами та відтінком для полів.
Власна палітра отримує унікальний ідентифікатор і зберігається в налаштуваннях застосунку, а не в базі даних. Налаштування шрифтів зберігаються так само. Жодне з них не входить в експорт резервної копії (лише база даних і налаштування автоматизації складу), а видалення значком кошика в рядку відбувається негайно, без підтвердження та без скасування.
Вибір кольору не має поля для введення шістнадцяткового коду; можна вибрати лише 24 зразки. Шістнадцяткове значення під кожною роллю має форму AARRGGBB, тож #FF455A64 — це непрозорий колір 455A64.
Гарнітури, крім Системна за замовчуванням і Noto Sans, завантажуються при першому використанні в PDF, зі справжніми жирними та курсивними накресленнями. Якщо завантаження не вдається, наприклад офлайн, PDF мовчки використовує вбудований Noto Sans; саме налаштування шрифту зберігається.
Яку б гарнітуру ви не вибрали, арабські символи, деванагарі, китайські, японські та корейські символи завжди малюються вбудованими шрифтами Noto, тож рахунки зі змішаними системами письма ніколи не показують відсутніх гліфів.
Картка Мова рахунку в редакторі пропонує Мова застосунку (App Language) плюс 16 мов (англійська, російська, німецька, французька, іспанська, італійська, португальська, нідерландська, польська, японська, корейська, китайська, арабська, гінді, турецька та українська). Вона перекладає надруковані підписи, такі як Bill To, Subtotal і Payment Terms, а також назви країн в адресах; дати зберігають власний формат застосунку.
Таблиця Деталізація кількох ПДВ з’являється щоразу, коли макет встановлено на неї або позиції мають більше однієї окремої ставки податку.
Рахунок, що використовує власний макет із вкладки Свої, ігнорує дизайн і палітру, вибрані у Виберіть шаблон; його картка в редакторі тоді має напис Власний шаблон (Custom template).

Поради

Вирішіть щодо дизайну один раз і дозвольте йому переходити далі: дубльований рахунок і кошторис, перетворений на рахунок, повторно використовують дизайн і палітру вихідного документа, тож екран «Виберіть шаблон» рідко потрібен після першого документа для клієнта.

Надрукуйте тестову сторінку, перш ніж зупинитися на Charcoal або Mono. Темні палітри виглядають ефектно на екрані, але витрачають багато тонера в заголовку на всю ширину, як у Professional чи Bold; Clean, Elegant і Minimal використовують колір лише на тонких елементах.

Якщо бухгалтер клієнта просить ПДВ за кожною ставкою, перемкніть цей один рахунок на «Деталізація кількох ПДВ» замість того, щоб змінювати спосіб введення позицій. Налаштування діє для окремого документа, і решта рахунків залишаються як є.

Тримайте шрифт документа на 100% і використовуйте натомість масштаб заголовка, коли хочете виразнішу сторінку. Збільшення основного тексту переносить довгі описи на додаткові рядки й може перетворити односторінковий рахунок на двосторінковий.

Пов’язані посібники

Редактор власних шаблонів — для створення власного макета зі стартових заготовок Галереї.
Перегляд PDF, надсилання та редактор PDF — про те, що відбувається після вибору дизайну.
Логотип: квадратний і широкий варіанти — бо логотип у заголовку, який друкує дизайн, залежить від завантажених вами варіантів широкого логотипа.