> ## Documentation Index > Fetch the complete documentation index at: https://docs.casebender.com/llms.txt > Use this file to discover all available pages before exploring further. # 브랜딩 > 조직의 브랜딩 요소로 CaseBender 인스턴스의 모양과 느낌을 사용자 정의하세요. ## 개요 브랜딩 섹션에서는 CaseBender 인스턴스의 시각적 모양을 조직의 브랜드 아이덴티티와 일치하도록 사용자 정의할 수 있습니다. 색상, 로고 및 기타 시각적 요소를 구성하여 보안 운영 플랫폼 전반에 걸쳐 일관되고 전문적인 모양을 만들 수 있습니다. 브랜딩 대시보드 라이트 브랜딩 대시보드 다크 ## 브랜드 요소 ### 기본 색상 조직의 기본 색상 구성표 구성: 기본 색상 라이트 기본 색상 다크 다음 색상 요소를 사용자 정의하세요: * 기본 브랜드 색상 * 보조 색상 * 강조 색상 * 배경 색상 * 텍스트 색상 ## 사용자 정의 옵션 ### 로고 설정 * 조직 로고 업로드 * 로고 크기 설정 * 배치 구성 * 가시성 규칙 정의 * 다크/라이트 모드 변형 ### 색상 구성표 * 기본 색상 * 보조 팔레트 * 시스템 상태 색상 * 알림 수준 표시기 * 배경 그라데이션 ### 타이포그래피 * 글꼴 패밀리 선택 * 텍스트 크기 * 글꼴 두께 * 줄 높이 * 자간 ### UI 요소 * 버튼 스타일 * 양식 요소 * 카드 디자인 * 탐색 항목 * 모달 창 ## 테마 구성 ### 라이트 모드 * 배경 색상 * 텍스트 색상 * UI 요소 색상 * 대비 설정 * 접근성 옵션 ### 다크 모드 * 다크 테마 색상 * 텍스트 가시성 * 요소 대비 * 그림자 효과 * 강조 하이라이트 ### 시스템 요소 * 탐색 바 * 사이드바 * 헤더 * 푸터 * 액션 버튼 ## 모범 사례 ### 브랜드 일관성 * 브랜드 가이드라인 준수 * 색상 조화 유지 * 가독성 보장 * 접근성 고려 * 다양한 기기에서 테스트 ### 시각적 계층 구조 * 중요한 요소 강조 * 명확한 대비 생성 * 일관된 간격 사용 * 적절한 스케일링 구현 * 균형 유지 ### 접근성 * 색상 대비 비율 * 텍스트 가독성 * 스크린 리더 지원 * 키보드 탐색 * 포커스 표시기 ### 성능 * 이미지 크기 최적화 * CSS 최소화 * 리소스 캐싱 * 로드 시간 고려 * 반응형 디자인 ## 구현 가이드 ### 기본 설정 1. 브랜드 자산 업로드 2. 기본 색상 구성 3. 타이포그래피 설정 4. UI 요소 조정 5. 외관 테스트 ### 고급 구성 1. 사용자 정의 CSS 규칙 2. 컴포넌트 오버라이드 3. 테마 변형 4. 반응형 조정 5. 애니메이션 설정 ### 테스트 1. 크로스 브라우저 테스트 2. 기기 호환성 3. 접근성 검증 4. 성능 확인 5. 사용자 피드백