관리자는 전체 조직을 위해 밝은색, 어두운색 또는 시스템 모드를 선택합니다. 브랜드 색상은 버튼, 활성 사이드바 항목, 포커스 링 및 호버 상태를 구동합니다 — 두 모드 모두에서 — 단일 CSS 오버라이드 없이.
귀하의 대시보드는 일반 관리 콘솔이 아닙니다 — 귀하의 제품의 일부입니다. 대시보드 테마를 통해 전체 조직을 위해 밝은색, 어두운색 또는 시스템 모드를 선택하고 UI가 사용하는 모든 강조 색상에 브랜드 색상이 흐르도록 할 수 있습니다. 하나의 저장 버튼, 두 분의 설정, 개발자 불필요.
설정 → 브랜딩에서 관리자는 단일 일관된 모양을 구성하는 세 가지를 제어합니다:
전체 대시보드는 조직의 모든 구성원에게 즉시 선택 사항을 채택합니다. 비관리 팀원은 선택한 테마를 보고, 관리자/소유자만 변경할 수 있습니다.
테마는 각 레이어가 서로 다른 CSS 변수 집합에 영향을 미치기 때문에 깔끔하게 쌓입니다:
--primary, --ring, --accent, 그리고 사이드바 변형. 버튼, 활성 탐색 항목, 포커스 링 및 호버 상태는 두 모드 모두에서 브랜드 색상을 채택합니다.브랜드 색상이 강조 색상만 칠하기 때문에 중간 톤 배경에서 읽을 수 없는 텍스트나 어두운 모드에서 사라지는 밝은 버튼이 발생하지 않습니다. 시스템은 또한 올바른 텍스트 색상을 자동으로 선택합니다 — 밝은 브랜드 색상에서는 검은색 텍스트, 어두운 색상에서는 흰색 텍스트 — WCAG 밝기 공식을 사용하여. 디자인이 요구하는 경우 이 선택을 오버라이드할 수 있습니다.
대부분의 테마 시스템은 밝은 브랜드 색상에서 깨집니다. 저장 버튼의 연한 노란색 브랜드는 호버 시 거의 보이지 않는 강조 색상을 생성해서는 안 됩니다. 강조 색상 알고리즘은 브랜드의 밝기를 확인합니다: 어두운 및 중간 브랜드는 *더 밝은* 색조를 얻고, 이미 밝은 브랜드는 *더 어두운* 색조를 얻습니다. 어쨌든 기본 색상과 강조 색상 간에는 의미 있는 대비 단계가 있으므로 호버 및 포커스 상태는 항상 명확하게 읽힙니다.
관리자가 테마를 변경하면 방송 이벤트가 동일한 브라우저의 모든 열린 대시보드 탭을 트리거하여 다시 가져오고 재적용합니다 — 새로 고침이 필요 없습니다. 장치 및 다른 구성원 간에 새 테마는 다음 페이지 로드 시 나타납니다.
테마는 조직 대시보드와 공식 도움말 센터에 적용됩니다. 마케팅 페이지, 문서 및 로그인은 디자인상 밝은색을 유지합니다 — 모든 고객과 공유되며 특정 조직의 브랜드를 따르지 않아야 합니다. 프레임워크는 이러한 경로에서 밝은 모드를 강제하므로 어두운 대시보드에서 로그인 페이지로 이동할 때 깨끗하게 재설정됩니다.
브랜드와 일치하는 대시보드는 미적 세부 사항이 아닙니다. 플랫폼이 *귀하의 것*이라는 신호입니다. 귀하가 임대하는 일반 SaaS 도구가 아닙니다. 지원 팀과 지식 기반 저자가 귀하의 제품처럼 보이는 것에 로그인할 때 그들은 그것을 그들의 작업의 일부로 취급합니다 — 그들이 참을 수 있는 제3자 관리 패널이 아닙니다. 고객이 귀하의 브랜드가 있는 도움말 센터를 방문할 때 경험은 그들이 지원을 받는 사람이 누구인지, 기본 도구를 만든 사람이 누구인지 강화합니다.