Руководство

PDF-шаблоны, цветовые палитры и шрифты

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

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

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

В этом руководстве мы следим за Mara Vos из Vos & Linden Architecten, архитектурного бюро из двух человек на Херенграхт в Амстердаме. Её счёт 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). Hex-значение под подписью обновится.
Повторите для остальных ролей, которые хотите изменить, затем нажмите Сохранить.
Чтобы изменить палитру позже, нажмите её строку; чтобы удалить, нажмите значок корзины в строке.

Вкладка Палитры приложения Invoice Flow с сохранённой палитрой Studio graphite и открытой панелью Редактировать палитру, где перечислены Основной #FF455A64, Вторичный #FF616161, Акцент #FFE64A19, Фон шапки, Текст шапки и Мягкий фон с образцами цветов и кнопками Отмена и Сохранить — Свою палитру составляют шесть цветовых ролей.

Диалог Выберите цвет приложения Invoice Flow с сеткой шесть на четыре из двадцати четырёх образцов от красного и розового через синие и зелёные к коричневым, серым, чёрному и белому, с кнопкой Отмена — Выбор цвета предлагает 24 фиксированных образца.

Палитра Mara «Studio graphite» использует сине-серый основной цвет, средне-серый вторичный и жжёно-оранжевый акцент, совпадающий с логотипом бюро. После сохранения она появляется в конце полосы палитр на вкладке Галерея, после тонкого разделителя, отделяющего её от десяти встроенных. Нажмите её там, и каждая заготовка перерисуется в ваших цветах — самый быстрый способ оценить, как фирменный цвет ведёт себя на странице, прежде чем браться за свой макет.

Экран PDF-шаблонов приложения Invoice Flow на вкладке Галерея с выбранной категорией Элегантный; полоса палитр показывает Mono, Sand, разделитель и выделенный чип своей палитры Studio graphite, а четыре миниатюры с названиями По центру, Бутик, Симметричный и Воздушный нарисованы в сине-сером — Галерея, перекрашенная своей палитрой; каждая карточка открывает редактор своих шаблонов.

Свои палитры предлагаются только в полосе Галереи. Раздел Цветовая палитра экрана Выбрать шаблон перечисляет десять встроенных палитр и ничего больше, поэтому своя палитра попадает в 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».
Все десять встроенных палитр используют белый текст шапки и основной цвет как фон шапки; они различаются основным, вторичным, акцентным цветами и оттенком, используемым для блоков.
Своя палитра получает уникальный идентификатор и хранится в настройках приложения, а не в базе данных. Настройки шрифтов хранятся так же. Ни то, ни другое не входит в экспорт резервной копии (туда входят только база данных и настройка автоматизации склада), а удаление значком корзины в строке происходит немедленно, без подтверждения и отмены.
В диалоге выбора цвета нет поля ввода hex; можно выбрать только 24 образца. Hex под каждой ролью показан в форме 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-редактор — о том, что происходит после выбора дизайна.
Логотип: квадратный и широкий варианты — потому что логотип в шапке, который печатает дизайн, зависит от загруженных вариантов широкого логотипа.