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

# 스타일링

> 글꼴, 색상, 배경, 표지 이미지를 사용자 지정하여 문서를 시각적으로 돋보이게 만드세요.

Craft는 디자인 전문 지식 없이도 아름다운 문서를 쉽게 만들 수 있게 해줍니다. 사용자 지정 색상, 배경, 글꼴, 표지 이미지와 와시 테이프 구분선 같은 장식 요소로 콘텐츠의 스타일을 지정해 보세요.

## 스타일링 가능한 항목

Craft의 스타일링 시스템은 두 가지 레벨인 **텍스트 수준**과 **페이지 수준**에서 작동합니다. 이를 통해 개별 요소를 정밀하게 제어하면서 문서 전체의 일관된 미감을 유지할 수 있습니다.

### 텍스트 수준 스타일링

문서 내 개별 블록 또는 선택 영역에 적용합니다:

* **Fonts** – System(기본), Serif(전통적인 가독성), Mono(코드에 적합), Rounded(친근하고 현대적) 중에서 선택하세요
* **Text colors** – 사전 설정 색상에서 선택하거나 사용자 지정 음영을 만드세요
* **Highlights** – 특정 텍스트를 강조하기 위해 배경색을 추가하세요
* **Lists** – 글머리 기호 스타일, 번호 매기기 형식, 들여쓰기를 사용자화하세요

### 페이지 수준 스타일링

문서 전체에 적용하여 통일된 분위기를 만듭니다:

* **Colors** – 문서 배경 및 기본 텍스트 색상을 설정하세요
* **Cover Images** – Unsplash의 큐레이션 라이브러리에서 시각적 헤더를 추가하거나 직접 사진을 업로드하세요
* **Backgrounds** – 단색, 그라디언트 또는 블러 효과가 적용된 전체 페이지 이미지를 선택하세요
* **Separators** – 와시 테이프 구분선, 단순 선 또는 기하학적 모양으로 가로 구분선을 스타일링하세요
* **Cards** – 컬러 테두리나 이미지 배경으로 페이지를 시각적으로 구분된 카드 레이아웃으로 변환하세요

## 빠르게 시작하기

플랫폼에 따라 다음 위치에서 스타일 옵션에 접근할 수 있습니다:

<Tabs>
  <Tab title="macOS">
    * **Right sidebar** - **Style** 탭(붓 아이콘)을 클릭하여 모든 페이지 수준 옵션을 확인하세요
    * **Left sidebar** - 최신 버전에서는 라이브 스타일 미리보기가 있는 **Styles** 패널을 찾을 수 있습니다
    * **Toolbar** - 텍스트를 선택한 후 서식 도구 모음으로 빠르게 텍스트 수준 변경을 적용하세요
    * **Keyboard** - `Cmd+Shift+S`를 눌러 스타일 패널을 여세요
  </Tab>

  <Tab title="iOS">
    * **three-dot menu** (`···`) at the top-right – 문서 전체 옵션을 보려면 **Page Style**에 접근하세요
    * **Letter icon** (Aa) – 텍스트를 선택하면 빠른 서식 옵션으로 나타납니다
    * **Block menu** – 블록을 Long press한 다음 컨텍스트 메뉴에서 **Style**을 선택하세요
    * **Slash menu** – `/style`를 입력하여 인라인으로 텍스트 스타일을 적용하세요
  </Tab>

  <Tab title="Windows">
    * **Right sidebar** - **Style** 탭을 클릭하여 페이지 수준 스타일 옵션을 확인하세요
    * **Toolbar** - 텍스트를 선택하면 서식 컨트롤이 표시됩니다
    * **Slash menu** - `/style`를 입력하여 텍스트 서식에 빠르게 접근하세요
  </Tab>

  <Tab title="Web">
    * **Right sidebar** - **Style** 탭을 클릭하여 페이지 수준 옵션을 확인하세요
    * **Toolbar** - 텍스트를 선택하여 서식 컨트롤에 접근하세요
    * **Slash menu** - `/style`를 입력하면 키보드를 떠나지 않고 스타일을 적용할 수 있습니다
  </Tab>
</Tabs>

<iframe src="https://www.youtube-nocookie.com/embed/b2UL6B2m9Hg" title="Document Styling in Craft" className="w-full aspect-video rounded-xl" allowFullScreen />

## 일반적인 사용 사례

### 전문 문서

비즈니스 보고서, 제안서 또는 고객용 문서의 경우:

* 공식적이고 권위 있는 느낌을 위해 **Serif** 글꼴을 사용하세요
* 배경에는 **중립 색상**(회색, 흰색)을 적용하세요
* 브랜드나 주제를 나타내는 **표지 이미지**를 추가하세요
* **텍스트 하이라이트**는 최소화하여 주요 지표나 행동 유도에만 사용하세요

### 개인 지식 베이스

노트, 일지 또는 학습 자료의 경우:

* 편안한 읽기를 위해 **Rounded** 또는 **System** 글꼴을 시도하세요
* 주제별로 구분하기 위해 **색상 코드된 배경**을 사용하세요(예: 업무는 파랑, 개인은 초록)
* 빠른 스캐닝을 위해 중요한 부분에 **하이라이트**를 넉넉히 사용하세요
* 개성과 시각적 구분을 위해 **와시 테이프 구분선**을 사용해 보세요

### 크리에이티브 프로젝트

무드 보드, 포트폴리오 또는 스토리텔링의 경우:

* 시각적 임팩트를 위해 **카드 레이아웃**과 **이미지 배경**을 혼합하세요
* 분위기를 만들기 위해 **그라디언트 배경**을 사용하세요
* 이미지와 어울리는 **사용자 지정 텍스트 색상**을 적용하세요
* 깊이감을 위해 **블러 효과**가 적용된 표지 이미지를 겹쳐 보세요

### 코드 문서화

기술 메모나 개발 로그의 경우:

* 코드 블록과 기술 콘텐츠에는 기본적으로 **Mono** 글꼴을 사용하세요
* 눈의 피로를 줄이기 위해 **고대비 색상**(어두운 배경, 밝은 텍스트)을 사용하세요
* 섹션을 분명히 구분하기 위해 **단순 분리선**을 사용하세요
* 콘텐츠에 집중하도록 **페이지 배경**은 최소화하세요

<Info title="스타일 일관성">
  마음에 드는 스타일을 찾으셨다면 **스페이스 설정**에서 기본값으로 저장하세요. 이렇게 하면 새 문서가 항상 선호하는 미감으로 시작되어 시간 절약과 작업 공간 전반의 일관성 유지에 도움이 됩니다.
</Info>

## 사용자화 워크플로우

새 문서의 스타일을 지정할 때의 일반적인 워크플로우는 다음과 같습니다:

<Steps>
  <Step>
    **페이지 기초부터 시작하세요** – 배경(색상, 그라디언트, 이미지)과 표지 이미지를 선택합니다. 이것이 전체 분위기를 결정합니다.
  </Step>

  <Step>
    **글꼴을 선택하세요** – 문서 목적에 맞는 서체를 선택합니다(공식적이면 Serif, 기술 문서면 Mono, 캐주얼이면 Rounded).
  </Step>

  <Step>
    **구조적 요소를 추가하세요** – 주요 섹션 사이에 분리선을 삽입해 시각적 계층을 만들고 가독성을 높이세요.
  </Step>

  <Step>
    **텍스트 수준 스타일을 적용하세요** – 작성하면서 하이라이트, 색상, 서식을 사용해 핵심을 강조하고 시각적 흥미를 만드세요.
  </Step>

  <Step>
    **다듬고 조정하세요** – 한 걸음 물러나 전체를 검토한 뒤 색상, 글꼴 또는 분리선 스타일을 조정해 문서가 적절하게 느껴질 때까지 반복하세요.
  </Step>
</Steps>

## 관련 문서

<CardGroup cols={2}>
  <Card title="Styles 빠른 가이드" href="/ko/write-and-edit/styling/quick-guide">
    모든 스타일 기능에 대한 종합 안내
  </Card>

  <Card title="표지 이미지" href="/ko/write-and-edit/styling/cover-images">
    문서용 표지 이미지를 사용자화하는 방법
  </Card>

  <Card title="카드" href="/ko/write-and-edit/styling/cards">
    페이지를 시각적 카드 레이아웃으로 바꾸는 방법
  </Card>

  <Card title="앱 스타일" href="/ko/write-and-edit/styling/app-styles">
    문서 스타일을 앱 인터페이스로 확장하는 방법
  </Card>

  <Card title="기본 스타일" href="/ko/write-and-edit/styling/default-styles">
    선호하는 스타일을 기본값으로 설정하는 방법
  </Card>

  <Card title="문서 게시" href="/ko/share-and-publish/publish">
    멋지게 스타일링한 문서를 웹에 공유하는 방법
  </Card>

  <Card title="AI 어시스턴트" href="/ko/ai-assistant">
    스타일링과 서식 적용에 AI를 활용하는 방법
  </Card>
</CardGroup>