외관 설정에 접근하고 수정할 수 있는 권한은 슈퍼 관리자와 관리자에게만 있습니다. 워크스페이스 구성 아래에서 이 옵션이 보이지 않으면 슈퍼 관리자에게 역할 검토를 요청하세요.
외관 설정 접근하기
각 시각적 요소 커스터마이징
기본 색상
기본 색상은 플랫폼 전체의 버튼, 활성 링크, 하이라이트 상태, 주요 인터페이스 요소에 적용됩니다.- 핵심 브랜드 정체성을 반영하는 색상을 선택하세요.
- UI 전체에 나타나기 때문에 가장 영향력 있는 색상 설정입니다.
사이드바 배경 색상
사이드바 배경은 왼쪽 내비게이션 패널의 기본 색조를 설정합니다.- 사이드바와 메인 콘텐츠 영역 사이의 명확한 시각적 구분을 만드는 색상을 사용하세요.
- 밝은 텍스트가 있는 어두운 배경이 일반적으로 가독성에 가장 효과적입니다.
사이드바 텍스트 색상
사이드바 텍스트 색상은 왼쪽 메뉴의 모든 내비게이션 항목의 레이블 색상을 제어합니다.- 항상 사이드바 배경 색상과 강한 대비를 이루는 색상을 선택하세요.
- 대비가 낮으면 링크를 읽기 어렵고 접근성이 낮아집니다.
사이드바 호버 배경 색상
이 색상은 사용자가 사이드바 내비게이션 항목 위로 커서를 이동할 때 배경 하이라이트로 나타납니다.- 상호작용을 신호하고 사용자가 클릭하려는 항목을 이해하는 데 도움을 줍니다.
- 기본 사이드바 배경과 활성 항목 색상 모두와 시각적으로 구별되는 색상을 선택하세요.
색상 선택 적용하기
기본 테마로 초기화
모든 커스텀 브랜딩을 제거하고 원래 AgencyHandy 색상 테마를 복원하려면 외관 페이지의 기본 설정으로 초기화 버튼을 클릭하세요.색상 대비 모범 사례
좋은 색상 대비는 단순한 디자인 선호도가 아닙니다 — 팀과 클라이언트의 가독성과 접근성에 직접적인 영향을 미칩니다.WCAG AA 대비율 목표
일반 본문 텍스트의 경우 텍스트와 배경 사이에 최소 4.5:1 대비율을 사용하세요. 큰 텍스트나 아이콘의 경우 3:1 비율도 허용됩니다. WebAIM Contrast Checker와 같은 도구를 사용하여 확인하세요.
낮은 대비 조합 피하기
흰 바탕에 밝은 회색 텍스트, 흰 바탕에 노란색 텍스트 등의 색상 조합을 사용하지 마세요 — 이러한 조합은 접근성 기준에 미달하고 장시간 사용 시 눈의 피로를 유발합니다.
호버 상태 의도적으로 테스트
호버 색상은 기본 상태와 활성 상태 모두와 눈에 띄게 달라야 합니다. 동일하게 보이면 사용자가 중요한 시각적 피드백을 잃게 됩니다.
브랜드와 일관성 유지
웹사이트, 제안서, 청구서와 동일한 기본 색상을 여기에도 사용하세요. 일관성은 모든 클라이언트 접점에서 인지도와 전문성을 구축합니다.
중요 사항
- 즉각적인 전역 효과: 저장된 모든 외관 변경 사항은 전체 워크스페이스에 즉시 적용됩니다. 로그인한 모든 사용자는 다음 내비게이션 작업 시 업데이트를 볼 수 있습니다.
- 하나의 활성 테마: 다중 테마 지원이 없습니다 — 하나의 색상 세트가 모든 역할의 전체 워크스페이스에 적용됩니다.
- 역할 제한: 슈퍼 관리자와 관리자만 외관 변경을 할 수 있습니다. 일반 팀원과 클라이언트는 색상을 수정할 수 없습니다.
- 초기화는 영구적: 기본 설정으로 초기화 버튼은 취소할 수 없으므로, 모든 커스텀 색상을 의도적으로 제거하려는 경우에만 사용하세요.