학습
커스텀 PDF 템플릿: 프리미엄 브랜드 보고서 만들기
커스텀 템플릿 빌더에서 워드마크, 세리프 타이포그래피, 브랜드 컬러, 전체 페이지 배경을 활용해 어두운 풀 블리드(full-bleed) 브랜드 보고서를 디자인하고, 앱과 API 전반에서 재사용해 보세요.
커스텀 템플릿은 평범한 마크다운을 마치 디자인 스튜디오에서 제작한 듯한 문서로 바꿔줍니다. 워드마크, 타이포그래피, 브랜드 컬러를 페이지 여백 없이 꽉 채워 적용할 수 있습니다. 한 번만 만들어 두면 이후 내보내는 모든 보고서, 제안서, 브리프에 클릭 한 번으로 브랜드 스타일을 입힐 수 있습니다.
이 가이드에서는 처음부터 끝까지 완성된 하나의 예시를 살펴봅니다. 바로 Aurelia입니다. 에이전시나 컨설턴트가 결과물에서도 작업의 깊이를 느끼길 원하는 클라이언트에게 보내는, 어둡고 여백 없는(full-bleed) 브랜드 전략 보고서입니다. 단계를 따라가면 계정에 나만의 버전을 저장할 수 있으며, 청구서, 피치 덱, 작업 명세서 등에 맞게 변형할 수 있는 레시피를 얻게 됩니다.

완성된 결과물 — 평범한 마크다운이 저장된 템플릿을 통해 렌더링된 모습입니다.
무엇을 만들게 되나요?
Aurelia는 의도적으로 “고급스러워 보이도록” 디자인되었으며, 모든 요소는 빌더에서 직접 제어할 수 있습니다.
- 풀 블리드 배경(Full-bleed background) — 페이지의 모든 가장자리까지 닿는 짙은 네이비색 그라데이션입니다.
- 금색 워드마크 마스트헤드와 자간이 넓은 작은 기밀 유지 문구입니다.
- 세리프 타이포그래피 — 제목에는 대비가 강한 디스플레이 서체를, 본문에는 세련된 북 세리프 서체를 사용합니다.
- 브랜드 팔레트 — 따뜻한 금색 제목, 크림색 본문, 금색 선이 들어간 인용문입니다.
- 실제 문서 구조 — 요약본(Executive summary), 포지셔닝 매트릭스 표, 로드맵 등 모든 요소가 어두운 페이지에서도 잘 읽히도록 스타일링됩니다.
시작하기 전에
- 계정에 로그인합니다. 빌더는 대시보드(Dashboard) → 템플릿 빌더(Template builder) 에 있습니다.
- 유료 플랜을 권장합니다. 템플릿을 디자인하고 저장하는 것은 무료지만, 워터마크 없이 내보내고 Executive와 같은 프리미엄 베이스를 사용하려면 유료 플랜이 필요합니다.
- 두 가지 에셋을 준비합니다:
- 투명한 PNG 형식의 로고 또는 워드마크. 넓고 짧은 워드마크(예: 1200×170)는 슬림한 마스트헤드로 아주 잘 어울립니다.
- A4 세로 크기(약 1240×1754)의 배경 이미지(선택 사항). 어둡고 대비가 낮은 그라데이션이나 텍스처가 가장 좋습니다. 복잡한 사진은 텍스트 가독성을 떨어뜨립니다.
팁: 준비된 배경 이미지가 없나요? 단색의 어두운 배경색(Background color) 만 설정해도 아래에 설명된 프리미엄 다크 스타일링이 적용되므로, 아무것도 업로드하지 않고도 전체 템플릿을 만들 수 있습니다.
1단계 — 빌더 열기 및 템플릿 이름 지정
대시보드(Dashboard) → 템플릿 빌더(Template builder) 를 엽니다. 세 가지 영역이 보입니다. 왼쪽의 템플릿 라이브러리(Template library), 가운데의 레이아웃 편집기(page canvas), 그리고 모든 편집이 이루어지는 오른쪽의 템플릿 검사기(Template inspector)입니다.
템플릿 검사기에서 다음을 설정합니다:
- 이름(Name) 을
Aurelia — Brand Strategy Report로 설정합니다. - 나중에 알아볼 수 있도록 짧은 설명(Description) 을 추가합니다.
- 기본 템플릿(Base template) 을 Executive로 설정합니다. 우아한 제목 선과 강력한 표 스타일을 갖춘 세련된 베이스입니다.
- 변환기에서 미리 선택되도록 하려면 기본 템플릿으로 설정(Set as default template) 을 선택합니다.

3패널 빌더. 템플릿 검사기에서 변경한 모든 내용이 페이지에 즉시 업데이트됩니다.
2단계 — 풀 블리드 페이지 배경 추가
템플릿 검사기에서 페이지 셸(Page shell) 섹션을 찾습니다. 이 부분은 종이의 가장자리에 닿는 외부 페이지를 제어합니다.
- 배경 이미지(Background image) 아래에서 배경 이미지 업로드(Upload background image) 를 클릭하고 어두운 A4 아트워크를 선택합니다. 페이지 가장자리까지 자동으로 채워집니다.
- 네 개의 여백(padding) 값은
0으로 둡니다. 문서는 이미 블리드 안쪽에 편안한 여백을 유지하고 있습니다. - **오버레이(Scrim)**를 추가합니다. 이미지 위에 옅은 색을 덧입혀 텍스트를 읽기 쉽게 만들어 줍니다. 오버레이 색상(Scrim color) 을
#05070F와 같은 검은색에 가까운 색으로 설정하고 오버레이 강도(Scrim strength) 를 약 18% 로 조정합니다.
이미지가 없나요? 대신 **배경색(Background color)**을 #070B18과 같은 짙은 네이비색으로 설정하세요. 어느 쪽이든 빌더는 어두운 페이지를 인식하고 베이스 템플릿의 밝은 페이지 요소(흰색 인용 카드, 지브라 패턴의 표 행, 차분한 볼드체 강조)를 자동으로 정리하여 설정한 색상이 깔끔하게 드러나도록 합니다.

페이지 셸: 가독성을 위한 부드러운 오버레이가 더해진 풀 블리드 배경.
3단계 — 로고 및 바닥글 배치
계속해서 템플릿 검사기의 브랜딩(Branding) 섹션을 엽니다:
- 브랜드 이름(Brand name):
Aurelia - 부제목(Subtitle):
Brand Strategy Studio - 바닥글 텍스트(Footer text):
Aurelia Brand Studio · Confidential— 이 텍스트는 모든 페이지 하단에 인쇄되는 반복 바닥글이 됩니다.
다음으로 캔버스에서 머리글(Header) 블록을 선택합니다. 선택한 블록(Selected block) 패널에서 이미지 업로드(Upload image) 를 클릭하고 투명한 워드마크 PNG를 선택합니다. 페이지 상단에 슬림한 마스트헤드로 나타납니다.

브랜딩 텍스트는 머리글과 반복되는 페이지 바닥글에 적용됩니다.
4단계 — 헤더 라인 스타일링
머리글(Header) 블록이 선택된 상태에서 선택한 블록(Selected block) 패널을 스크롤합니다:
- 텍스트(Text) 에 짧고 자신감 있는 문구를 입력합니다:
Brand Strategy Studio · Confidential. - 텍스트 색상(Text color) 을
#A7A08B와 같이 차분하고 따뜻한 그레이-골드 톤으로 설정하여 너무 튀지 않고 은은하게 보이도록 합니다. - 정렬(Alignment) 을 가운데(Center) 로 설정하여 워드마크 아래 중앙에 위치하도록 합니다.
- 마스트헤드와 제목을 분리하기 위해 약간의 아래쪽 마진(Margin bottom)(약
28)을 추가합니다.

블록별 텍스트 색상 및 정렬을 통해 어두운 페이지에서도 머리글과 바닥글 텍스트를 돋보이게 할 수 있습니다.
5단계 — 프리미엄 타이포그래피 설정
이 단계부터 템플릿이 단순한 문서를 넘어 하나의 브랜드처럼 보이기 시작합니다. 타이포그래피(Typography) 섹션을 열고 요소(Element) 드롭다운을 사용하여 각 요소를 스타일링합니다. Aurelia는 단 두 가지 글꼴만 사용합니다. 절제는 곧 프리미엄을 의미합니다.
| 요소(Element) | 글꼴(Font) | 글꼴 크기(Size) | 색상(Color) | 참고(Notes) |
|---|---|---|---|---|
| 본문(Body) | EB Garamond | 16 | #CBC6B8 |
여유롭고 에디토리얼한 느낌을 위한 줄 높이 1.75 |
| 제목 1(Heading 1) | DM Serif Display | 40 | #F3EEE2 |
보고서 제목 — 따뜻한 느낌의 거의 흰색 |
| 제목 2(Heading 2) | DM Serif Display | 25 | #C9A44E |
금색 섹션 제목 |
| 제목 3(Heading 3) | EB Garamond | 13 | #B6AD94 |
대문자, 자간 3 — 스몰 캡스(small-caps) 키커 |
| 인용문(Blockquote) | EB Garamond | 21 | #E6D3A3 |
금색 선이 들어간 인용문 |
| 표 헤더(Table header) | EB Garamond | 13 | #F3EEE2 |
대문자, 자간 1.5 |
각 행에 대해 요소를 선택하고, **글꼴(Font family)**을 고르고, **글꼴 크기(Font size)**를 입력한 다음, 색상(Color) 견본을 클릭하고 추가 설정(자간(Letter spacing), 변환(Transform), 줄 높이(Line height))을 지정합니다. 어두운 템플릿의 핵심은 색상입니다. 여기서 밝은 텍스트 색상을 설정하면 페이지가 생동감 있게 살아납니다.

요소별 타이포그래피. 요소를 선택한 다음 해당 요소만 스타일링합니다.
6단계 — 미리보기, 테스트 및 저장
- 캔버스 아래의 정확한 PDF 미리보기(Exact PDF preview) 를 확장하여 페이지가 어떻게 렌더링되는지 충실하게 확인합니다.
- 실제 콘텐츠로 테스트합니다. 제목, 표, 인용문, 목록 등 실제 문서를 붙여넣고 모든 내용이 잘 읽히는지 확인합니다. Aurelia는 포지셔닝 매트릭스와 로드맵도 흔들림 없이 소화합니다.
- 템플릿 저장(Save template) 을 클릭합니다. 이제 템플릿 라이브러리(Template library) 에 나타나며 어디서든 사용할 준비가 완료됩니다.

실제 콘텐츠 — 표, 목록, 굵은 도입부 — 어두운 페이지에서도 선명하게 유지되도록 스타일링되었습니다.
7단계 — 변환기에서 템플릿 사용하기
- 변환기(converter) 를 엽니다(변환(Convert) 링크 또는 빌더에서 변환기 열기(Open converter) 클릭).
- 마크다운을 붙여넣거나 작성합니다.
- 저장된 템플릿(Saved templates) 아래에서 Aurelia — Brand Strategy Report를 선택합니다.
- 프리미엄 PDF 다운로드(Download Premium PDF) 를 클릭합니다.
끝입니다! 마크다운이 브랜드 스타일이 완벽하게 적용된 워터마크 없는 보고서로 출력됩니다.
8단계 — API로 자동화하기
템플릿이 저장되면 프로그래밍 방식으로 동일한 브랜드 PDF를 생성할 수 있습니다. AI 출력물, CMS 콘텐츠 또는 예약된 보고서를 클라이언트에게 바로 전달할 수 있는 문서로 변환하는 데 완벽합니다.
1. API 키 생성. 대시보드(Dashboard) → API 키(API keys) 로 이동하여 키를 생성합니다. mp_live_로 시작하며 한 번만 표시되므로 안전한 곳에 복사해 둡니다.
2. 템플릿 ID 찾기. 로그인한 상태에서 브라우저를 열고 https://markdowntopdfconverter.com/api/custom-templates에 접속합니다. JSON 응답에 저장된 모든 템플릿과 해당 id가 나열됩니다. 원하는 템플릿의 ID를 복사합니다.
3. 변환 엔드포인트 호출. 마크다운과 함께 customTemplateId를 전송합니다:
curl -X POST https://markdowntopdfconverter.com/api/v1/convert \
-H "Authorization: Bearer mp_live_YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"markdown": "## Northwind Outdoor — Brand Strategy\n\nYour report content in Markdown…",
"templateId": "executive",
"customTemplateId": "YOUR_TEMPLATE_ID",
"filename": "northwind-brand-strategy",
"options": { "pageNumbers": true }
}' \
--output northwind-brand-strategy.pdf
Node.js에서의 동일한 요청:
const res = await fetch("https://markdowntopdfconverter.com/api/v1/convert", {
method: "POST",
headers: {
Authorization: `Bearer ${process.env.MP_API_KEY}`,
"Content-Type": "application/json",
},
body: JSON.stringify({
markdown: "## Northwind Outdoor — Brand Strategy\n\nYour report content…",
templateId: "executive",
customTemplateId: "YOUR_TEMPLATE_ID",
filename: "northwind-brand-strategy",
options: { pageNumbers: true },
}),
});
const pdf = Buffer.from(await res.arrayBuffer());
응답은 PDF 파일 자체(Content-Type: application/pdf)입니다. 저장된 디자인을 적용하려면 customTemplateId를 전달하고, templateId는 해당 베이스 템플릿(여기서는 executive)으로 설정합니다. 모든 옵션에 대한 자세한 내용은 전체 API 문서를 참조하세요.
프리미엄 결과물을 위한 디자인 팁
- 글꼴은 최대 두 개까지만 사용하세요. 디스플레이 세리프 하나와 북 세리프(또는 깔끔한 산세리프) 하나를 짝지어 보세요. 글꼴 종류를 늘리기보다는 크기, 굵기, 색상으로 계층 구조를 만드세요.
- 페이지에 여백을 주세요. 넉넉한 줄 높이와 차분한 오버레이가 그 어떤 추가 장식보다 “프리미엄” 느낌을 더해줍니다.
- 대비를 의도적으로 만드세요. 어두운 페이지에서는 가장 밝은 톤을 제목에, 금색을 섹션 제목에, 부드러운 오프화이트 색상을 본문 텍스트에 양보하세요.
- 투명한 로고만 사용하세요. 투명한 PNG 워드마크는 어떤 배경에도 깔끔하게 어울리지만, 흰색 배경이 있는 로고는 그렇지 않습니다.
- 완성 전에 테스트하세요. 긴 제목, 넓은 표, 코드 블록 등 항상 실제 콘텐츠로 미리보기를 확인하여 나중에 당황하는 일이 없도록 하세요.
다음 단계
- 템플릿 비교 가이드에서 6가지 기본 시작점을 비교해 보세요.
- 앱이 처음이신가요? 시작하기 가이드부터 살펴보세요.
- 자동화할 준비가 되셨나요? API 문서를 자세히 알아보세요.