# 폼과 설문의 테마 기능

## 폼과 설문의 테마 기능

Hyperclass의 테마 기능으로 브랜드에 맞는 세련된 폼(Forms)과 설문(Surveys)을 더 빠르게 만들어 보세요. 테마는 한 번의 클릭으로 일관성 있는 디자인을 적용할 수 있는 미리 만들어진 프리셋입니다. 이 가이드에서는 폼과 설문에 테마를 적용하고 커스터마이징하는 방법을 설명해드려요.

***

**목차**

* [폼과 설문의 테마란?](#폼과-설문의-테마란)
* [폼과 설문 테마의 주요 장점](#폼과-설문-테마의-주요-장점)
* [폼이나 설문에 테마 적용하는 방법](#폼이나-설문에-테마-적용하는-방법)
* [테마 커스터마이징 방법](#테마-커스터마이징-방법)
* [자주 묻는 질문](#자주-묻는-질문)

***

## 폼과 설문의 테마란?

폼(Form)과 설문(Survey) 빌더의 테마 기능은 광범위한 커스터마이징 옵션을 제공하여, 브랜드 아이덴티티에 맞는 전문적으로 제작된 다양한 테마 중에서 선택할 수 있게 해줍니다. 사용자 친화적인 컨트롤과 실시간 미리보기를 통해 시각적으로 멋지고 반응형인 폼을 쉽게 만들 수 있어요. 이러한 테마들은 디자인 과정을 간소화하여 시간을 절약하고, 여러 폼에서 일관성 있고 전문적인 외관을 보장합니다. 테마 라이브러리의 정기적인 업데이트로 폼이 항상 최신 미적 감각을 유지할 수 있어요.

***

### **폼과 설문 테마의 주요 장점**

* **일관성:** 한 번의 선택으로 전체 에셋에 일관성 있는 외관을 만들어줘요.
* **빠른 출시:** 세련된 프리셋에서 시작하여 설정 시간을 단축해줘요.
* **기본 반응형:** 모바일, 태블릿, 데스크톱에 자동으로 최적화되어 일관된 경험을 제공해요.
* **실시간 미리보기:** 게시하거나 임베드하기 전에 변경사항을 즉시 확인할 수 있어요.

***

### 폼이나 설문에 테마 적용하는 방법

* 빌더에서 **폼(Form)** 또는 \*\*설문(Survey)\*\*을 열어주세요.
* **스타일 및 옵션(Styles & Options)**(우측 상단)을 클릭하여 **우측 사이드바**를 열어주세요.
* **테마(Themes)** 탭을 선택하고 원하는 테마를 선택해주세요.

![폼 테마 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061266892/original/psYjpvaRJolA7utmuRXqwxIgL_qkR6pXlg.png?1766521294)

***

### **테마 커스터마이징 방법**

테마를 선택한 후, **스타일 및 옵션(Styles & Options)** → **스타일(Styles)** → \*\*색상 및 배경(Colors & Backgrounds)\*\*에서 브랜드 색상과 이미지를 세부 조정할 수 있어요.

#### **버튼 테마 (갤러리 및 실시간 미리보기)**

버튼 테마는 채워진 스타일(Filled), 테두리 스타일(Border), 텍스트만(Text Only) 등의 큐레이티드 프리셋을 제공하여 모범 사례 색상, 타이포그래피, 간격을 적용해줘요. 속도를 위해 테마로 시작하고, 버튼 스타일링 패널로 세부 조정하여 브랜드 일관성을 유지하세요.

#### **테마 적용 후 커스터마이징**

* 갤러리를 닫고 버튼 스타일링 패널로 돌아가세요.
* 색상 및 배경, 타이포그래피, 레이아웃 및 정렬, 패딩, 테두리 및 모서리 반경, 그림자를 사용해 외관을 세부 조정하세요.
* 필요시 전체 너비(Full Width)를 토글하세요.

#### **브랜딩 및 색상 토큰**

* 선택한 테마에서 기본 색상이 버튼 채우기, 테두리, 텍스트에 어떻게 매핑되는지 확인하세요.
* 접근성 대비 가이드라인을 충족하도록 색상을 조정하세요.

#### **에셋 간 일관성**

* 버튼 테마가 폼/설문에서 재사용 가능하다면, CTA를 표준화하기 위해 에셋 전반에 동일한 테마를 적용하세요.
* 테마가 에셋별로 적용되는 경우, 각 폼이나 설문에서 적용/커스터마이징 단계를 반복하세요.

#### **되돌리기 또는 다른 테마 시도**

* 테마 선택을 열어 프리셋을 전환하거나, 패널의 재설정/되돌리기를 사용해 변경사항을 취소하세요.

#### 색상 조정

* 이 설정을 사용하여 배경, 텍스트 입력, 입력 테두리 색상을 브랜딩에 맞게 조정하세요.

![색상 조정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061266944/original/wAV-TRKTOjHkbGuzr6dz_zYs7qtjq9tS6g.png?1766521390)

#### **배경 이미지 변경**

* 선택한 테마에 기본 배경 이미지가 포함되어 있다면, 먼저 제거해주세요. 기본 이미지가 삭제될 때까지 업로드 컨트롤이 비활성화되어 있어요. 그 후 배경 이미지 아래를 클릭해서 파일을 업로드하세요.

![배경 이미지 변경](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061266927/original/zPEiQEDl_7f9ydWAUcwW8wdENiUjdgHt6w.png?1766521357)

***

### **자주 묻는 질문**

**Q: "새 배경 업로드" 버튼이 비활성화되어 있는 이유는 무엇인가요?** 테마의 기본 배경 이미지를 먼저 삭제해주세요. 기존 이미지가 제거되면 업로드 옵션을 사용할 수 있게 돼요.

**Q: 여러 에셋에서 동일한 테마를 재사용할 수 있나요?** 에셋별로 테마를 적용해야 해요. 여러 폼/설문을 일관성 있게 유지하려면, 동일한 테마를 선택하고 **스타일(Styles)** 설정을 동일하게 맞춰주세요.

***

*원문 최종 수정: Mon, 2 Feb, 2026 at 8:35 AM* *Hyperclass 사용 가이드 — hyperclass.ai*


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://hyperclass.gitbook.io/hyperclass-docs/and-sites/xml-sitemaps/themes-in-forms-surveys.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.