브랜드

brand 옵션은 형식 간 브랜딩을 정의하는 데 사용됩니다. 자세한 내용은 가이드의 브랜드를 참고하세요.

_brand.yml 파일에서 브랜드 옵션을 설정하세요.

_brand.yml
color:
  palette:
    blue: "#1c84e5"
  foreground: blue

문서 헤더의 brand 아래에 브랜드 옵션을 지정할 수도 있습니다.

document.qmd
---
brand:
  color:
    palette:
      blue: "#1c84e5"
    foreground: blue
---

Brand

meta

브랜드 이름과 주요 링크를 포함한 메타데이터입니다. 자세한 내용은 Meta를 참고하세요.
logo

다양한 형식과 크기의 브랜드 로고 정의와 기본값을 제공합니다. 자세한 내용은 Logo를 참고하세요.
color

브랜드의 사용자 정의 색상 팔레트와 테마. 자세한 내용은 Color를 참고하세요.
typography

브랜드 타이포그래피 정의. 자세한 내용은 Typography를 참고하세요.
defaults

기본 설정

Meta

name

브랜드 이름.
link

브랜드의 주요 링크(소셜 미디어 포함). 문자열 하나만 지정하면 브랜드의 홈 페이지 또는 웹사이트입니다. 추가 필드는 내부용으로 사용할 수 있습니다.

Color

palette

브랜드의 사용자 정의 색상 팔레트. 각 색상에 커스텀 이름을 붙여 여러 개 정의할 수 있습니다.
foreground

텍스트에 사용되는 전경색.
background

페이지 배경에 사용되는 배경색.
primary

기본 강조색, 즉 테마의 주 색상. 보통 하이퍼링크, 활성 상태, 기본 동작 버튼 등에 사용됩니다.
secondary

보조 강조색. 보통 더 밝은 텍스트나 비활성 상태에 사용됩니다.
tertiary

3차 강조색. 보통 더 밝은 색상으로, hover 상태, 강조 요소, wells에 사용됩니다.
success

긍정적이거나 성공적인 동작 및 정보에 사용되는 색상.
info

중립적이거나 정보성 동작 및 정보에 사용되는 색상.
warning

주의 또는 경고 동작 및 정보에 사용되는 색상.
danger

오류, 위험한 동작, 부정적 정보에 사용되는 색상.
light

밝은 색상. 어두운 요소에서는 고대비 전경색으로, 밝은 요소에서는 저대비 배경색으로 사용됩니다.
dark

어두운 색상. 밝은 요소에서는 고대비 전경색으로, 밝은 요소에서는 고대비 배경색으로 사용됩니다.
link

하이퍼링크에 사용되는 색상. 정의하지 않으면 primary 색상을 사용합니다.

Typography

fonts

브랜드용 글꼴 파일과 정의. 자세한 내용은 Font resource definitions를 참고하세요.
base

브랜드의 기본 글꼴 설정. 모든 텍스트의 기본값으로 사용됩니다. 자세한 내용은 base를 참고하세요.
headings

헤딩 설정 또는 글꼴 패밀리만 지정한 문자열. 자세한 내용은 headings-unified를 참고하세요.
monospace

고정폭 텍스트 설정 또는 글꼴 패밀리만 지정한 문자열. 자세한 내용은 monospace-unified를 참고하세요.
monospace-inline

인라인 코드 설정 또는 글꼴 패밀리만 지정한 문자열. 자세한 내용은 monospace-inline-unified를 참고하세요.
monospace-block

코드 블록 설정 또는 글꼴 패밀리만 지정한 문자열. 자세한 내용은 monospace-block-unified를 참고하세요.
link

링크 설정. 자세한 내용은 link-unified를 참고하세요.

Font resource definitions

google

source

"google"
family

글꼴 계열 이름으로, 해당 글꼴 제공처의 이름과 일치해야 합니다.
weight

포함할 글꼴 굵기입니다.
style

포함할 글꼴 스타일입니다.
display

글꼴 표시 방식으로, 다운로드 상태와 사용 준비 상태에 따라 글꼴을 어떻게 보여줄지 결정합니다.

bunny

source

"bunny"
family

글꼴 계열 이름으로, 해당 글꼴 제공처의 이름과 일치해야 합니다.
weight

포함할 글꼴 굵기입니다.
style

포함할 글꼴 스타일입니다.
display

글꼴 표시 방식으로, 다운로드 상태와 사용 준비 상태에 따라 글꼴을 어떻게 보여줄지 결정합니다.

file

source

"file"
family

글꼴 계열 이름.
files

포함할 글꼴 파일. 로컬 또는 온라인일 수 있습니다. 로컬 파일 경로는 brand.yml 파일 기준 상대 경로여야 합니다. 온라인 경로는 전체 URL이어야 합니다.

system

source

"system"
family

글꼴 계열 이름으로, 해당 글꼴 제공처의 이름과 일치해야 합니다.
weight

포함할 글꼴 굵기입니다.
style

포함할 글꼴 스타일입니다.
display

글꼴 표시 방식으로, 다운로드 상태와 사용 준비 상태에 따라 글꼴을 어떻게 보여줄지 결정합니다.

common

family

글꼴 계열 이름으로, 해당 글꼴 제공처의 이름과 일치해야 합니다.
weight

포함할 글꼴 굵기입니다.
style

포함할 글꼴 스타일입니다.
display

글꼴 표시 방식으로, 다운로드 상태와 사용 준비 상태에 따라 글꼴을 어떻게 보여줄지 결정합니다.

base

family

글꼴 계열.
size

글꼴 크기.
weight

글꼴 굵기.
line-height

텍스트 줄 간격.

headings-unified

family

글꼴 계열.
weight

글꼴 굵기.
style

글꼴 스타일.
color

텍스트 색상.
line-height

텍스트 줄 간격.

monospace-unified

family

글꼴 계열.
size

글꼴 크기.
weight

글꼴 굵기.
color

텍스트 색상.
background-color

텍스트 배경색.

monospace-inline-unified

family

글꼴 계열.
size

글꼴 크기.
weight

글꼴 굵기.
color

텍스트 색상.
background-color

텍스트 배경색.

monospace-block-unified

family

글꼴 계열.
size

글꼴 크기.
weight

글꼴 굵기.
color

텍스트 색상.
background-color

텍스트 배경색.
line-height

텍스트 줄 간격.