ユーザーガイド

PDFテンプレート、カラーパレット、フォント

12種類の請求書デザインから選び、内蔵または独自のパレットで配色を変更し、複数税率のレイアウトに切り替え、PDFで使うフォントを設定します。

更新日: 2026-09-09

Invoice Flowで作成する請求書、見積書、納品書はすべて同じデータをもとに、12種類の内蔵ページデザインのいずれかで描画されます。デザインはロゴ、タイトル、住所、合計金額の配置を決め、カラーパレットはヘッダーバー、テーブルヘッダー、ラベルの色を決め、さらにフォント設定はタイトル、テーブルヘッダー、本文、注記の書体とウェイトを決めます。この3つは独立しているので、デザインはそのままに色だけを変えたり、色はそのままに別のデザインを試したりでき、請求書本体には手を加えずに済みます。

このガイドでは、アムステルダムのヘーレン運河沿いにある2人体制の建築事務所、Vos & Linden Architectenの Mara Vos の例を追います。彼女の請求書 VL-2026-031 は、運河沿いの家のリノベーション第2期分をユーロ建て・VAT 21%で Brouwer Vastgoed B.V. に請求するものです。同じ1枚の請求書を4パターンで表示するので、デザインとパレットの違いを比較しやすくなっています。

画面での見え方

デザインの選択は2箇所からできます。1件のドキュメントごとの選択はインボイスエディタで行います。支払いオプションカードの下までスクロールすると、テンプレートを選択というカードがあり、そのサブタイトルに現在のデザインとパレット(例:Elegant — sand)が表示されます。タップするとテンプレートを選択画面が開き、デザイン、カラーパレット、レイアウトの3セクションと、右上の保存ボタンが並びます。その少し上には請求書の言語カードがあり、この1件のドキュメントについて印刷されるラベルの言語を変更できます。

もう1箇所は設定です。PDFテンプレートの行(サブタイトル「独自のレイアウトを作成・管理」)をタップすると、3つのタブを持つ画面が開きます。自分で作ったレイアウト用のマイ、25種類の元になるレイアウトを任意のパレットでプレビューしてカスタムエディタで開けるギャラリー、自分のカラーセットを作るパレットです。フォントの行(サブタイトル「インターフェースとドキュメントのタイポグラフィ」)を開くと、アプリ自体用のインターフェースタブとPDF用のドキュメントタブがあります。

始める前に押さえておきたい区別が1つあります。テンプレートを選択画面にある12種類のデザインは固定のレンダラーで、そのうち1つを選んで配色するものです。一方、ギャラリータブにある25枚のカードはカスタムテンプレートエディタの元になるもので、これは別のガイドで扱う別機能です。ギャラリーでパレットを選んでも、そこのプレビューの色が変わるだけで、どの請求書のパレットも変わりません。

請求書のデザインとパレットを選ぶ方法

1. インボイスエディタで請求書を開き、下にスクロールしてテンプレートを選択(Select Template)カードをタップします。
2. デザイン(Design)の下で、12枚のカードのいずれかをタップします。選ばれたカードには太い枠とチェックマークが付き、下のパレットがそのデザインの既定色に切り替わります。
3. カラーパレット(Color Palette)の下で、10色のいずれかのチップをタップして既定色を上書きします。選んだチップの色の円の中に白いチェックが表示されます。
4. レイアウト(Layout)の下では、請求書に複数のVAT税率が混在していない限り標準(Standard)のままにしておきます(次のセクション参照)。
5. 右上の保存をタップします。エディタに戻るとカードのサブタイトルが更新され、たとえばElegant — sandのようになります。
6. 変更を保存(または下書き保存)で請求書を保存します。デザインは請求書に記録され、プレビューや共有のたびに使われます。

グリッドの各カードは、そのデザインの既定色のヘッダー帯を持つミニチュアページです。カードが半透明で描かれ、小さなsplitまたはsingleバッジが付いている場合、そのデザインはもう一方の支払い方式向けに調整されているという意味です。バッジが付くのはInstallmentだけで、他のデザインはすべて一括払い・分割払いの両方に対応します。淡色表示のカードも選択可能です。

以下の4枚のPDFは、デザインとパレット以外は何も変えていない、同じ請求書 VL-2026-031 です。

下の表は、各デザインを既定パレットで実際に描画したときの見え方をまとめたものです。

複数税率レイアウトの使い方

すべてのデザインには2つのレイアウトがあります。標準は合計欄に税額を1行だけ印刷します。複数税率の内訳は税率ごとに1行と税額合計行を印刷するもので、たとえばVAT 21%のサービスと9%の商品が混在する請求書で、会計士が期待する形式です。

1. テンプレートを選択画面でレイアウトセクションまでスクロールします。
2. 複数税率の内訳(Multi-Tax Breakdown)をタップすると、チップが塗りつぶされチェックマークが表示されます。
3. 保存をタップし、続けて請求書自体も保存します。
4. 請求書からPDF プレビューを開いて、合計欄を確認します。

この切り替えは厳密には必須ではありません。明細に複数の異なる税率が含まれる場合、標準が選択されていても内訳表は自動的に印刷されます。複数税率の内訳を選ぶと、税率が1つしかない請求書でも強制的に内訳が印刷され、表示の一貫性を好むクライアント向けに便利です。

自分専用のパレットを作る方法

10種類の内蔵パレットで大半のブランドはカバーできますが、独自の色を持つ事務所は、Primary、Secondary、Accent、Header background、Header text、Subtle backgroundの6つの役割からパレットを定義できます。パレットの作成はProの機能で、無料アカウントでは+ボタンからペイウォールが開きます。

1. 設定を開き、PDFテンプレート、続けてパレットタブをタップします。
2. +ボタンをタップします。パレットを編集シートが開き、Oceanの色とMy paletteという名前が入力済みの状態で表示されます。
3. パレット名の欄を書き換えます。
4. たとえばPrimaryなど、役割の横にある四角いスウォッチをタップし、色を選択ダイアログで色を選びます。ラベルの下の16進値が更新されます。
5. 他に変更したい役割についても同様に操作し、保存をタップします。
6. 後で変更するにはパレットの行をタップし、削除するには行のごみ箱アイコンをタップします。

Mara の「Studio graphite」パレットは、青みがかったグレーのPrimary、中間グレーのSecondary、事務所のロゴに合わせた焦げ茶色のAccentを使っています。保存すると、ギャラリータブのパレット一覧の末尾、10種類の内蔵パレットと区切る細い区切り線の後に表示されます。そこでタップすると、すべての元レイアウトが自分の色で再描画されるので、カスタムレイアウトを本格的に作る前に、ブランドカラーがページ上でどう見えるかを素早く確認できます。

PDFのフォントを変更する方法

フォントは請求書ごとではなく全体設定です。ドキュメントタブで選んだ内容は、以後生成するすべてのPDFに、デザインやパレットに関わらず適用されます。

1. 設定を開き、フォント、続けてドキュメントタブをタップします。
2. フォントファミリーの下で、システム標準、Noto Sans、Noto Serif、Roboto、Open Sans、Lato、PT Sans、Merriweatherの8行のいずれかをタップします。各行はその書体自体で印刷され、選ばれた行にチェックマークが付きます。
3. 請求書タイトルカードまでスクロールし、スケールスライダーをドラッグします。右側のパーセンテージとINVOICEプレビューがドラッグに合わせて変わります。
4. B、I、U、Sのトグルをタップすると、そのテキストの役割に太字・斜体・下線・取り消し線を付けられます。
5. テーブルヘッダー、本文、メモと条件の各カードでも同様に操作します。変更はその場で保存され、保存ボタンはありません。

4つの役割にはそれぞれ適切な既定値があります。タイトルとテーブルヘッダーは100%の太字、本文は100%の標準体、メモと条件は90%の斜体です。スケールスライダーは、ドキュメントの各カードで70%から150%まで動きます。インターフェースタブは独立しており、フォントファミリーの一覧は同じですが、そのスケールとアイコンサイズのスライダーはアプリ画面のみに影響し、PDFには影響しません。

ルールと詳細

• デザイン、パレット、レイアウトは請求書自体に保存されます(テンプレート、パレット、レイアウト種別のフィールド)。1件の請求書で変更しても他の請求書には影響しません。請求書の複製や見積書から請求書への変換では、この3項目と請求書の言語も一緒にコピーされます。定期請求スケジュールは独自のテンプレート設定を持ちます。
• 新規請求書はCleanデザイン、Oceanパレット、標準レイアウトで始まります。グリッドでデザインをタップすると、パレットはそのデザインの既定色にリセットされるので、デザインを先に選んでからパレットを選びます。
• 請求書が既に存在しないパレットやデザインを参照している場合、レンダラーはエラーにせずOceanとCleanにフォールバックします。
• デザインとパレットの選択は無料です。カスタムパレットの作成にはProが必要です。無料アカウント、またはトライアル終了後は、プレビューまたは共有するすべてのPDFページに「Invoice Flow APP — FREE VERSION」という斜めのグレーの透かしが入ります。
• 10種類の内蔵パレットはすべて白いヘッダー文字とPrimary色のヘッダー背景を使い、それぞれPrimary、Secondary、Accent、ボックスに使う色合いが異なります。
• カスタムパレットは固有のIDを持ち、データベースではなくアプリの設定に保存されます。フォント設定も同様に保存されます。どちらもバックアップのエクスポートには含まれません(含まれるのはデータベースと在庫自動化設定のみ)。行のごみ箱アイコンからの削除は確認もやり直しもできず即座に実行されます。
• カラーピッカーには16進値の入力欄がなく、24色のスウォッチからしか選べません。各役割の下に表示される16進値はAARRGGBB形式なので、#FF455A64は不透明な色455A64を意味します。
• システム標準とNoto Sans以外のフォントファミリーは、PDFで初めて使われるときにダウンロードされ、実際の太字・斜体書体を使用します。オフラインなどでダウンロードに失敗した場合、PDFは黙って内蔵のNoto Sansを使いますが、フォント設定自体は保持されます。
• どのファミリーを選んでも、アラビア語、デーヴァナーガリー、中国語、日本語、韓国語の文字は常に内蔵のNotoフォントで描画されるため、複数の文字体系が混在する請求書でも文字が欠けることはありません。
• エディタの請求書の言語カードでは、アプリの言語に加えて16の言語(英語、ロシア語、ドイツ語、フランス語、スペイン語、イタリア語、ポルトガル語、オランダ語、ポーランド語、日本語、韓国語、中国語、アラビア語、ヒンディー語、トルコ語、ウクライナ語)を選べます。Bill To、Subtotal、Payment Termsといった印刷ラベルや、住所内の国名を翻訳しますが、日付はアプリ自体の書式のままです。
• 複数税率の内訳表は、レイアウトでこれが選ばれているか、明細に複数の異なる税率がある場合に表示されます。
• マイタブのカスタムレイアウトを使う請求書は、テンプレートを選択で選んだデザインとパレットを無視します。そのときエディタのカードはCustom templateと表示されます。

ヒント

関連ガイド

• カスタムテンプレートエディタ — ギャラリーの元レイアウトから自分のレイアウトを作る方法。
• PDFプレビュー、共有、PDFエディタ — デザインを選んだ後に何が起こるか。
• ロゴ:正方形とワイドのバリエーション — デザインがヘッダーに印刷するロゴは、アップロードしたワイドロゴのバリエーションに左右されるため。