문서의 외관을 사용자 지정하는 방법 (테마, 색상, 글꼴)

게시된 문서의 디자인을 브랜드 정체성에 맞춰 사용자 지정할 수 있습니다. 관련 설정은 프로젝트 설정(Project Settings) 내 게시(Publishing) > 테마 및 색상(Themes & Colors) 탭에서 찾을 수 있습니다. 이를 통해 방문자에게 보여질 테마, 색상, 글꼴 및 기타 스타일 요소를 직접 제어할 수 있습니다.

테마 모드 선택하기

기본 테마 모드(Default Theme Mode) 설정은 방문자가 문서를 처음 볼 때의 외관을 결정합니다. 특정 테마를 고정하거나, 사용자의 시스템 설정에 맞춰 자동으로 변경되도록 할 수 있습니다.

자동(시스템 기본 설정 따르기): 기본 옵션입니다. 방문자의 운영체제 설정에 따라 라이트 모드와 다크 모드가 자동으로 전환됩니다.
라이트(Light): 사용자의 시스템 설정과 관계없이 항상 라이트 테마로 문서가 표시됩니다.
다크(Dark): 항상 다크 테마로 문서가 표시됩니다.

로고 구성

라이트 테마와 다크 테마용 로고를 각각 업로드하여 어떤 환경에서도 브랜드 이미지가 잘 보이도록 설정할 수 있습니다. 로고를 업로드하지 않으면 입력한 텍스트가 대신 표시됩니다.

라이트 테마 로고: 밝은 배경에서 가장 잘 보이는 로고를 업로드하세요.
다크 테마 로고: 어두운 배경에 적합하게 디자인된 로고를 업로드하세요.
라이트/다크 테마 로고 텍스트: 로고를 사용할 수 없을 때 표시할 브랜드 이름이나 기타 텍스트를 입력하세요.

색상 사용자 지정

라이트 테마와 다크 테마 모두에 대해 기본 색상과 보조 색상을 설정하여 브랜드 팔레트를 정의하세요. 이를 통해 어떤 모드에서든 일관된 브랜드 경험을 제공할 수 있습니다.

기본 색상(Primary Color): 버튼, 링크, 강조 표시 등 인터랙티브 요소에 사용되는 주요 강조 색상입니다.
보조 색상(Secondary Color): 보조 요소에 사용되며, 은은한 대비를 제공합니다.

글꼴 및 스타일 설정

글꼴을 선택하고 UI 요소의 모서리 스타일을 조정하여 문서의 외관을 더욱 세밀하게 다듬을 수 있습니다.

기본 글꼴(Primary Font Family): 모든 제목, 본문, 일반 UI 요소에 사용할 메인 글꼴을 목록에서 선택하세요.
고정폭 글꼴(Monospace Font Family): 코드 블록과 인라인 코드 스니펫 전용 글꼴을 선택하세요.
모서리 스타일(Corner Style): UI 요소의 테두리 반경을 조정합니다. 날카롭게(Sharp, 0px), 둥글게(Rounded, 4px), 매우 둥글게(Extra Rounded, 8px) 중에서 선택할 수 있습니다.

사용자 지정 팁

변경 사항을 저장한 후, 게시 설정 상단에 있는 변경 사항 게시(Publish Changes) 버튼을 클릭해야 실제 사이트에 업데이트가 반영됩니다. 가독성을 높이기 위해, 특히 텍스트와 인터랙티브 요소에는 항상 대비가 높은 색상 조합을 사용하세요.

요약

이 문서에서는 Hinto 문서 사이트의 시각적 외관을 사용자 지정하는 방법을 자세히 설명했습니다. 기본 테마 모드 선택, 라이트 및 다크 배경용 로고 업로드, 브랜드의 기본 및 보조 색상 정의, 그리고 브랜드에 어울리는 세련되고 전문적인 외관을 만들기 위한 글꼴 선택 방법을 다루었습니다.