사용자 가이드

PDF 템플릿, 색상 팔레트, 폰트

12가지 인보이스 디자인 중 하나를 선택하고 기본 제공 또는 커스텀 팔레트로 색상을 바꾸며, 세율이 혼합된 경우의 레이아웃을 전환하고 PDF에 사용할 폰트를 설정합니다.

업데이트: 2026-09-09

Invoice Flow에서 생성하는 모든 인보이스, 견적서, 배송 명세서는 12개의 기본 제공 페이지 디자인 중 하나로 동일한 데이터를 그려냅니다. 디자인은 로고, 제목, 주소, 합계가 어디에 놓일지를 결정하고, 색상 팔레트는 헤더 바, 표 헤더, 라벨이 어떤 색을 쓸지를 결정하며, 별도의 폰트 설정은 제목, 표 헤더, 본문, 메모의 서체와 굵기를 결정합니다. 이 세 가지는 서로 독립적이므로, 디자인은 그대로 두고 색상만 바꾸거나 색상은 그대로 두고 다른 디자인을 시도하는 것도 인보이스 자체를 건드리지 않고 가능합니다.

이 가이드는 암스테르담 헤렌흐라흐트에 위치한 2인 건축 스튜디오 Vos & Linden Architecten의 Mara Vos를 따라갑니다. 그녀의 인보이스 VL-2026-031은 운하변 주택 리노베이션 2단계에 대해 Brouwer Vastgoed B.V.에 유로화로 21% VAT를 포함해 청구합니다. 같은 인보이스를 네 번 렌더링한 모습을 통해 디자인과 팔레트의 차이를 쉽게 비교할 수 있습니다.

화면에서 보이는 것

디자인 선택은 두 곳에서 이루어집니다. 개별 문서에 대한 선택은 인보이스 편집기에서 이루어집니다. 결제 옵션(Payment Options) 카드 아래로 스크롤하면 현재 디자인과 팔레트를 부제로 보여주는 템플릿 선택(Select Template) 카드가 있습니다(예: Elegant — sand). 이를 탭하면 템플릿 선택 화면이 열리며 디자인(Design), 색상 팔레트(Color Palette), 레이아웃(Layout) 세 섹션과 오른쪽 위의 저장(Save) 버튼이 있습니다. 바로 위에는 이 문서 하나에 인쇄되는 라벨의 언어를 바꾸는 인보이스 언어(Invoice Language) 카드가 있습니다.

Invoice Flow 앱의 인보이스 편집기를 인보이스 언어 카드까지 스크롤한 화면. 앱 언어를 보여주는 인보이스 언어 카드와 Elegant — sand를 보여주는 템플릿 선택 카드가 메모, 결제 조건 필드 위에 있음 — 문서의 디자인은 편집기의 템플릿 선택 카드에서 선택합니다.

두 번째 장소는 **설정(Settings)**입니다. PDF 템플릿(PDF templates) 행(부제 “나만의 레이아웃을 만들고 관리하세요”)을 탭하면 세 개의 탭이 있는 화면이 열립니다. 직접 만든 레이아웃을 위한 내 템플릿(Mine), 아무 팔레트로나 미리보고 커스텀 편집기에서 열 수 있는 25개의 스타터 레이아웃을 위한 갤러리(Gallery), 그리고 나만의 색상 세트를 만드는 **팔레트(Palettes)**입니다. 폰트(Fonts) 행(부제 “인터페이스와 문서 타이포그래피”)을 탭하면 앱 자체를 위한 인터페이스(Interface) 탭과 PDF를 위한 문서(Documents) 탭이 있는 화면이 열립니다.

시작하기 전에 한 가지 구분이 중요합니다. 템플릿 선택 화면의 12개 디자인은 고정된 렌더러이며, 하나를 선택해 색상만 바꿉니다. 갤러리 탭의 25개 카드는 커스텀 템플릿 편집기(별도 가이드에서 다루는 다른 기능)를 위한 씨앗입니다. 갤러리에서 팔레트를 선택하면 그곳의 미리보기만 재색상되며, 어떤 인보이스의 팔레트도 바뀌지 않습니다.

인보이스의 디자인과 팔레트를 선택하는 방법

편집기에서 인보이스를 열고 템플릿 선택 카드까지 스크롤한 뒤 탭합니다.
디자인 아래에서 12개 카드 중 하나를 탭합니다. 선택된 카드에는 굵은 테두리와 체크 표시가 나타나고, 아래의 팔레트는 그 디자인의 기본 색상으로 바뀝니다.
색상 팔레트 아래에서 열 개의 칩 중 원하는 것을 탭해 기본값을 재정의합니다. 선택된 칩의 색상 원 안에 흰색 체크가 표시됩니다.
레이아웃 아래에서는 인보이스에 세율이 혼합되어 있지 않다면 표준(Standard)을 그대로 둡니다(혼합된 경우는 다음 섹션 참고).
오른쪽 위의 저장을 탭합니다. 편집기로 돌아오면 카드 부제가 예를 들어 Elegant — sand로 업데이트됩니다.
변경 사항 저장(Save Changes)(또는 임시저장(Save Draft))으로 인보이스를 저장합니다. 디자인은 인보이스에 저장되어 미리보거나 공유할 때마다 사용됩니다.

Invoice Flow 앱의 템플릿 선택 화면. 3열의 디자인 그리드에 Clean, Professional, Bold, Elegant, Compact, Modern, Classic, Creative, Minimal, Contractor, Striped, Installment라는 이름의 카드 12개가 있고, Elegant가 선택되어 있으며 Installment는 작은 split 배지와 함께 흐리게 표시됨 — 디자인 그리드. Installment는 이 인보이스가 단일 결제를 사용하므로 흐리게 표시됩니다.

Invoice Flow 앱의 템플릿 선택 화면을 색상 팔레트 섹션까지 스크롤한 모습. 열 개의 칩이 있고 Sand가 체크 표시로 선택되어 있으며, 다중 세율 세부 내역 칩이 선택된 레이아웃 섹션이 있음 — 열 개의 팔레트와 두 개의 레이아웃 칩이 그리드 아래에 있습니다.

그리드의 각 카드는 디자인의 기본 색상으로 헤더 바가 그려진 미니어처 페이지입니다. 카드가 절반 투명도로 그려지고 작은 split 또는 single 배지가 있으면, 그 디자인은 다른 결제 방식에 맞춰져 있다는 뜻입니다. Installment만 그런 배지를 가지고 있으며, 나머지 모든 디자인은 단일 결제와 분할 결제 모두에 어울립니다. 흐리게 표시된 카드도 선택할 수 있습니다.

아래 네 개의 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.

아래 표는 각 디자인이 기본 팔레트로 실제 렌더링될 때의 모습을 설명합니다.

디자인	기본 팔레트	페이지에서의 모습
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라는 제목, 인보이스 번호·발행일·마감일·결제 조건이 담긴 색이 입혀진 띠, 색이 입혀진 왼쪽 막대가 있는 Bill To.
Striped	Ocean	얇은 강조선이 아래에 있는 둥글고 색이 입혀진 헤더 블록, 작고 색이 입혀진 FROM과 Bill To 태그, 표 아래의 강조선, 색이 입혀진 메모 박스.
Installment	Forest	Clean과 같은 형태에 간결한 헤더. 분할 결제를 위해 만들어져, 결제 일정과 그 배지가 메모 앞에 인쇄됨.

다중 세율 레이아웃을 사용하는 방법

모든 디자인에는 두 가지 레이아웃 변형이 있습니다. **표준(Standard)**은 합계에 세금 줄을 하나만 인쇄합니다. **다중 세율 세부 내역(Multi-Tax Breakdown)**은 서로 다른 세율마다 한 줄씩과 세금 합계(Total Tax) 줄을 인쇄하는데, 예를 들어 21% 서비스와 9% 재화가 섞인 인보이스에서 회계사가 기대하는 형식입니다.

템플릿 선택 화면에서 레이아웃 섹션까지 스크롤합니다.
다중 세율 세부 내역을 탭합니다. 칩이 채워지고 체크 표시가 나타납니다.
저장을 탭한 뒤 인보이스를 저장합니다.
인보이스에서 PDF 미리보기를 열어 합계 블록을 확인합니다.

이 전환이 반드시 필요한 것은 아닙니다. 항목에 서로 다른 세율이 두 개 이상 있으면 표준이 선택되어 있어도 세부 내역 표는 자동으로 인쇄됩니다. 다중 세율 세부 내역을 선택하면 세율이 하나뿐인 인보이스에도 세부 내역이 강제로 표시되며, 일관성을 원하는 일부 고객이 선호하는 방식입니다.

나만의 팔레트를 만드는 방법

열 개의 기본 제공 팔레트가 대부분의 브랜드를 커버하지만, 자기만의 색상을 가진 스튜디오라면 주 색상(Primary), 보조 색상(Secondary), 강조 색상(Accent), 헤더 배경(Header background), 헤더 텍스트(Header text), **은은한 배경(Subtle background)**의 여섯 가지 역할로 팔레트를 정의할 수 있습니다. 팔레트 만들기는 Pro 기능이며, 무료 계정에서는 플러스 버튼을 누르면 결제 화면이 열립니다.

설정을 열고 PDF 템플릿을 탭한 뒤 팔레트 탭을 탭합니다.
+ 버튼을 탭합니다. 팔레트 편집(Edit palette) 시트가 Ocean 색상과 My palette라는 이름으로 채워진 채 열립니다.
팔레트 이름(Palette name)을 원하는 이름으로 바꿉니다.
예를 들어 주 색상 같은 역할 옆의 정사각형 스와치를 탭하고 색상 선택(Pick color) 대화상자에서 색을 고릅니다. 라벨 아래의 16진수 값이 업데이트됩니다.
바꾸고 싶은 다른 역할들에도 반복한 뒤 저장을 탭합니다.
나중에 수정하려면 팔레트 행을 탭하고, 삭제하려면 그 행의 휴지통 아이콘을 탭합니다.

Invoice Flow 앱의 팔레트 탭에 Studio graphite라는 이름으로 저장된 팔레트가 있고, 팔레트 편집 시트가 열려 주 색상 #FF455A64, 보조 색상 #FF616161, 강조 색상 #FFE64A19, 헤더 배경, 헤더 텍스트, 은은한 배경이 색상 스와치와 함께 나열되어 있으며 취소와 저장 버튼이 있음 — 여섯 개의 색상 역할이 커스텀 팔레트를 구성합니다.

Invoice Flow 앱의 색상 선택 대화상자. 빨강·분홍부터 파랑·초록, 갈색·회색, 검정과 흰색까지 스물네 개 색상 스와치가 6열 4행 그리드로 표시되고 취소 버튼이 있음 — 색상 선택기는 고정된 24개의 스와치를 제공합니다.

Mara의 “Studio graphite” 팔레트는 청회색 주 색상, 중간 회색 보조 색상, 스튜디오 로고와 어울리는 짙은 주황색 강조 색상을 사용합니다. 저장하면 갤러리 탭 팔레트 스트립 맨 끝, 열 개의 기본 팔레트와 구분하는 얇은 구분선 뒤에 나타납니다. 거기서 탭하면 모든 스타터 레이아웃이 그 색상으로 다시 그려지며, 커스텀 레이아웃을 확정하기 전에 브랜드 색상이 페이지에서 어떻게 보이는지 가장 빠르게 판단하는 방법입니다.

Invoice Flow 앱의 PDF 템플릿 화면, 갤러리 탭에서 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%까지 움직입니다. 인터페이스 탭은 별개이며, 패밀리 목록은 같지만 그 배율과 아이콘 크기 슬라이더는 앱 화면에만 영향을 주며 PDF에는 절대 영향을 주지 않습니다.

규칙과 세부 사항

디자인, 팔레트, 레이아웃은 인보이스 자체에 저장됩니다(템플릿, 팔레트, 레이아웃 변형을 위한 필드). 한 인보이스에서 바꿔도 다른 인보이스에는 절대 영향을 주지 않습니다. 인보이스를 복제하거나 견적서를 인보이스로 변환하면 이 세 필드 모두와 인보이스 언어가 함께 복사됩니다. 반복 청구 일정에는 자체 템플릿 설정이 있습니다.
새 인보이스는 Clean 디자인, Ocean 팔레트, 표준 레이아웃으로 시작합니다. 그리드에서 디자인을 탭하면 팔레트는 그 디자인의 기본값으로 초기화되므로, 디자인을 먼저 고른 뒤 팔레트를 선택하세요.
인보이스가 더 이상 존재하지 않는 팔레트나 디자인을 참조하면 렌더러는 실패하는 대신 Ocean과 Clean으로 대체합니다.
디자인과 팔레트를 선택하는 것은 무료입니다. 커스텀 팔레트를 만들려면 Pro가 필요합니다. 무료 계정이거나 체험판이 끝난 뒤에는 미리보거나 공유할 때 모든 PDF 페이지에 “Invoice Flow APP — FREE VERSION”이라는 대각선 회색 워터마크가 표시됩니다.
열 개의 기본 팔레트는 모두 흰색 헤더 텍스트와 주 색상을 헤더 배경으로 사용합니다. 서로 다른 점은 주 색상, 보조 색상, 강조 색상, 박스에 쓰이는 색조입니다.
커스텀 팔레트는 고유 ID를 부여받아 데이터베이스가 아니라 앱의 환경설정에 저장됩니다. 폰트 설정도 같은 방식으로 저장됩니다. 백업 내보내기에는 데이터베이스와 재고 자동화 설정만 포함되므로 둘 다 포함되지 않으며, 행의 휴지통 아이콘으로 삭제하면 확인이나 되돌리기 없이 즉시 적용됩니다.
색상 선택기에는 16진수 직접 입력 필드가 없으며, 24개의 스와치 중에서만 고를 수 있습니다. 각 역할 아래에 표시되는 16진수는 AARRGGBB 형식이므로 #FF455A64는 불투명한 455A64 색상입니다.
시스템 기본값과 Noto Sans를 제외한 폰트 패밀리는 처음 PDF에 사용될 때 실제 굵게·기울임 서체와 함께 다운로드됩니다. 오프라인 등의 이유로 다운로드가 실패하면 PDF는 조용히 내장된 Noto Sans를 사용하며, 폰트 설정 자체는 그대로 유지됩니다.
어떤 패밀리를 선택하든 아랍어, 데바나가리, 중국어, 일본어, 한국어 문자는 항상 내장된 Noto 폰트로 그려지므로, 여러 문자 체계가 섞인 인보이스에서도 글리프가 누락되지 않습니다.
편집기의 인보이스 언어 카드는 앱 언어를 포함해 16개 언어(영어, 러시아어, 독일어, 프랑스어, 스페인어, 이탈리아어, 포르투갈어, 네덜란드어, 폴란드어, 일본어, 한국어, 중국어, 아랍어, 힌디어, 터키어, 우크라이나어)를 제공합니다. Bill To, Subtotal, Payment Terms 같은 인쇄되는 라벨과 주소의 국가명을 번역하며, 날짜는 앱 자체 형식을 유지합니다.
다중 세율 세부 내역 표는 레이아웃이 그렇게 설정되어 있거나, 항목에 서로 다른 세율이 두 개 이상 있을 때 나타납니다.
내 템플릿 탭의 커스텀 레이아웃을 사용하는 인보이스는 템플릿 선택에서 고른 디자인과 팔레트를 무시합니다. 이때 편집기 카드는 **커스텀 템플릿(Custom template)**으로 표시됩니다.

팁

디자인은 한 번 정하면 그대로 이어지도록 두세요. 복제된 인보이스와 인보이스로 변환된 견적서 모두 원본 문서의 디자인과 팔레트를 그대로 사용하므로, 한 고객의 첫 문서 이후로는 템플릿 선택 화면을 다시 열 일이 거의 없습니다.

Charcoal이나 Mono로 정하기 전에 테스트 페이지를 인쇄해 보세요. 어두운 팔레트는 화면에서는 선명해 보이지만 Professional이나 Bold처럼 전체 폭 헤더가 있는 경우 토너를 많이 소모합니다. Clean, Elegant, Minimal은 얇은 요소에만 색을 사용합니다.

고객의 회계사가 세율별 VAT를 요청한다면, 항목 입력 방식을 바꾸는 대신 그 인보이스 하나만 다중 세율 세부 내역으로 전환하세요. 이 설정은 문서 단위이므로 다른 인보이스는 그대로 유지됩니다.

더 강한 느낌을 원할 때는 문서 폰트를 100%로 유지하고 대신 제목 배율을 사용하세요. 본문 텍스트를 키우면 긴 설명이 다음 줄로 밀려나 한 페이지짜리 인보이스가 두 페이지가 될 수 있습니다.

PDF 템플릿, 색상 팔레트, 폰트

화면에서 보이는 것

인보이스의 디자인과 팔레트를 선택하는 방법

다중 세율 레이아웃을 사용하는 방법

나만의 팔레트를 만드는 방법

PDF의 폰트를 바꾸는 방법

규칙과 세부 사항

팁

관련 가이드