> ## Documentation Index
> Fetch the complete documentation index at: https://cdbd.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 페이지 테마

# 페이지 테마

> **한 줄 요약** — 페이지 전체의 서체·색상·버튼 모양을 한 번에 통일감 있게 바꿔주는 기능이에요.

## 이 기능이 필요한 순간

* 페이지 **전체 분위기를 한 번에** 통일하고 싶어요
* **브랜드 컬러·서체**를 페이지 곳곳에 일관되게 적용하고 싶어요
* 카드별 디자인을 일일이 만지는 대신, **전체 톤부터** 정하고 싶어요

***

## 페이지 테마 패널 열기

에디터 상단의 **페이지 테마** 버튼을 한번 눌러보세요. 오른쪽 패널에 테마 설정 영역이 펼쳐져요. 원하는 테마를 미리보기에서 확인한 뒤 적용하면 돼요.

<img src="https://mintcdn.com/cdbd/VAw6hWINZ2MTDd6F/_assets/images/02-editor_theme-panel.png?fit=max&auto=format&n=VAw6hWINZ2MTDd6F&q=85&s=fadf19fced25f8af9173c4ee467fd47a" alt="페이지 테마 패널" width="480" height="480" data-path="_assets/images/02-editor_theme-panel.png" />

> 💡 **카드 디자인과의 차이** — [카드 디자인](/editor/card-design)은 카드 한 장씩 개별 적용되는 디자인이고, 페이지 테마는 페이지 **전체에 한 번에** 적용되는 디자인이에요. 보통 테마를 먼저 정해 두고, 강조가 필요한 카드만 카드 디자인으로 따로 다듬어요.

***

## 서체 고르기

기본 서체는 **프리텐다드**예요. **26가지 한국어 서체**와 **18가지 영어 서체** 중에서 페이지 분위기에 맞는 서체를 골라보세요. 본명조·평창평화체·베이글팻 등 기본 서체 외에 **\[+ 서체 더보기]** 버튼을 누르면 더 많은 선택지가 보여요.

***

## 색상 고르기

배경 색깔, 서체 색깔, 버튼 색깔을 각각 따로 조절할 수 있어요. 단색 외에도 다양한 배경 스타일이 있어요.

* **그라데이션** — 두 가지 색이 자연스럽게 이어지는 배경
* **이미지** — 배경에 사진이나 GIF를 깔아요
* **동적 배경** — 움직이는 패턴, 스크롤에 따라 움직이는 이미지, 비디오 배경

***

## 버튼 모양 고르기

페이지 안의 모든 버튼 모양을 한 번에 통일해요. **원형**, **각진**, **둥근** 세 가지 중에서 골라요.

<img src="https://mintcdn.com/cdbd/VAw6hWINZ2MTDd6F/_assets/images/02-editor_theme-full.png?fit=max&auto=format&n=VAw6hWINZ2MTDd6F&q=85&s=3ba909f3198dde110bb639ac943dd7b6" alt="페이지 테마 — 서체와 버튼 모양 설정 화면" width="480" height="650" data-path="_assets/images/02-editor_theme-full.png" />

***

## 활용 팁

* **추천 순서** — 디자인 컨셉 → 테마 적용 → 카드 내용 추가 → 필요한 부분만 [카드 디자인](/editor/card-design)으로 세부 조정. 이렇게 진행하면 전체 통일감을 유지하면서 작업도 빠르게 끝낼 수 있어요.
* **브랜드 컬러가 있다면** — 색상 설정에서 커스텀 색상 코드(HEX)를 입력해 정확한 브랜드 컬러를 적용해 보세요.
* **카드가 한 개도 없을 때** — 빈 페이지에서는 우측 패널에 페이지 테마가 자동으로 열려요. 카드를 추가하기 전에 분위기부터 정해두기 좋아요.

***

## 함께 보면 좋은 문서

* [카드 디자인](/editor/card-design) — 카드 한 장씩 따로 꾸미고 싶을 때
* [에디터 살펴보기](/editor/overview) — 에디터의 기본 사용법
