도움말

문서 / 사이트 제작

디자인 시스템과 컴포넌트

브랜드 색상·글꼴을 한 번에 적용하고, 머리글·바닥글을 재사용하는 방법.


디자인 시스템 (브랜딩)

디자인 시스템은 사이트 전체에 적용되는 브랜드 규칙입니다. 색상·글꼴·간격을 한곳에서 정하면 모든 페이지에 일관되게 반영됩니다.

설정 위치는 두 곳입니다.

  • 기관 전체 기본값설정 → 디자인 시스템
  • 사이트별 조정 — 각 사이트의 디자인 시스템 탭(기관 기본값을 사이트마다 덮어쓸 수 있음)

설정할 수 있는 항목:

  • 주 색상 / 보조 색상 등 브랜드 색상
  • 글꼴(타이포그래피)
  • 간격·모서리 둥글기 등 기본 스타일

색상이나 글꼴을 바꾸면 그 값을 사용하는 모든 페이지가 한 번에 업데이트됩니다. 페이지마다 따로 바꿀 필요가 없습니다.

재사용 컴포넌트

컴포넌트는 여러 페이지에서 똑같이 쓰는 구성요소입니다. 대표적으로 **머리글(헤더)**과 **바닥글(푸터)**이 있습니다.

  • 사이트의 컴포넌트 탭에서 만들고 편집합니다.
  • 한 번 만들어 여러 페이지에 배치하면, 컴포넌트를 수정할 때 그 컴포넌트를 사용하는 모든 페이지가 함께 바뀝니다.

예를 들어 바닥글의 전화번호를 바꾸면, 바닥글이 들어간 모든 페이지에 자동 반영됩니다.

로고

로고는 AI 사이트 빌더의 미디어·브랜딩 단계에서 올리거나, 이후 에셋 라이브러리에 업로드해 머리글 등에 사용할 수 있습니다.