# 페이지 스타일

## 개요

채용 홈페이지의 전체 페이지와 개별 페이지에 적용되는 스타일 설정을 안내합니다.

### 핵심 이점

* 전체 페이지에 공통 스타일(폰트, 버튼 둥글기)을 일괄 적용할 수 있습니다.
* 개별 페이지별로 레이아웃 간격, 단 간격, 블록 간격을 세밀하게 조정할 수 있습니다.
* 헤더의 배경색, 텍스트색, 브랜딩 색상을 설정하여 기업 아이덴티티를 반영할 수 있습니다.

***

## 사전 준비

* **권한**: 관리자 권한이 필요합니다. 매니저는 별도 권한 부여 시 편집할 수 있습니다.

***

## 1. 페이지 스타일 설정

<figure><img src="https://3113620308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3vbe9mozK3C5425TCxL%2Fuploads%2Fgit-blob-3d68fd5013dd513020d26fc5f23bb91edc042f63%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

### 전체 페이지

* **버튼 둥글기** : 모든 페이지에서 사용하는 버튼의 둥글기를 설정할 수 있습니다.
* **기본 폰트 설정** : 모든 페이지에서 기본적으로 사용하는 폰트를 설정할 수 있습니다.

***

### 개별 페이지

* **레이아웃 간격** : 섹션 내부 레이아웃 간의 상하 간격을 설정할 수 있습니다.
* **단 간격** : 레이아웃 내부 단 간의 좌우 간격을 설정할 수 있습니다.
* **블록 간격** : 블록 간의 상하 간격을 설정할 수 있습니다.

***

### 헤더

* **헤더 배경색** : 헤더의 배경색을 설정할 수 있습니다.
* **기본 메뉴 텍스트색** : 기본 메뉴 텍스트색을 설정할 수 있습니다.
* **브랜딩 색상** : 브랜딩(테마) 색상을 설정할 수 있습니다.
* **브랜딩 색상 버튼 텍스트색** : 버튼의 텍스트 색을 설정할 수 있습니다.

{% hint style="info" %}
전체 페이지 스타일은 모든 페이지에 일괄 적용됩니다. 개별 페이지 스타일은 현재 선택된 페이지에만 적용됩니다.
{% endhint %}

***

## 자주 묻는 질문

<details>

<summary>전체 페이지 스타일과 개별 페이지 스타일의 차이점은 무엇인가요?</summary>

**전체 페이지** 스타일(버튼 둥글기, 기본 폰트)은 모든 페이지에 공통으로 적용됩니다. **개별 페이지** 스타일(레이아웃 간격, 단 간격, 블록 간격)은 현재 편집 중인 페이지에만 적용되어 페이지마다 다르게 설정할 수 있습니다.

</details>

<details>

<summary>헤더 스타일은 페이지별로 다르게 설정할 수 있나요?</summary>

아니요, 헤더 스타일은 전체 페이지에 공통으로 적용됩니다. 헤더 배경색, 메뉴 텍스트색, 브랜딩 색상은 모든 페이지에서 동일하게 표시됩니다.

</details>


---

# 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://guide.roundhr.com/homepage_builder_guide/design_edit/page_style.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.