배너 · 메뉴바 색상안 — 3개 상태

로그인 전 / 일반 사용자 / 관리자를 색으로 구분한다. 세 안 모두 실제 렌더링이며, 아래 수치는 계산된 명암비다.

공통 제약 — CI는 검정 잉크 + 주황 점이다. 주황 점이 배경에 묻히면 CI가 죽는다. 그래서 배너 색은 주황 점 명암비 3:1 이상을 만족하는 어두운 값만 쓸 수 있다. 밝은 파랑(#2410D8)에서 2.33로 무너진 적이 있어 이 제약을 먼저 걸고 색을 골랐다. 세 안 모두 전 항목 통과이므로, 선택은 취향이 아니라 무엇을 강조할지의 문제다.
A

신호등

추천

상태의 의미를 색으로 말한다. 파랑=중립, 초록=안전, 붉은색=주의.

관리자 화면에서 파괴적 동작(권한 강등·계정 비활성화·문서 덮어쓰기)을 하게 된다. 화면 색이 지금 위험한 자리에 있다고 상시로 알려주는 편이 사고를 줄인다. 메뉴바는 배너와 같은 계열의 밝은 톤이라 한 벌로 읽힌다.

로그인 전비인증
OnBridge 로그인 전
🏠 홈📄 문서 🛡️ 관리🙋 내 설정
#0D2B6B 배너#475569 메뉴바
CI 흰 잉크13.33✓ AA
CI 주황 점3.17✓ 3:1
메뉴 흰 글자7.58✓ AA
배너↔메뉴 구분1.76✓
일반 사용자viewer · member · manager
OnBridge 일반 사용자
🏠 홈📄 문서 🛡️ 관리🙋 내 설정
#093425 배너#0E7C6E 메뉴바
CI 흰 잉크13.73✓ AA
CI 주황 점3.26✓ 3:1
메뉴 흰 글자5.09✓ AA
배너↔메뉴 구분2.70✓
관리자admin
OnBridge 관리자
🏠 홈📄 문서 🛡️ 관리🙋 내 설정
#5C1020 배너#9D174D 메뉴바
CI 흰 잉크13.55✓ AA
CI 주황 점3.22✓ 3:1
메뉴 흰 글자7.88✓ AA
배너↔메뉴 구분1.72✓
B

고채도

현재 쓰는 AI Gate 계열의 강한 채도를 유지한다.

색이 선명해 멀리서도 구분된다. 다만 관리자 자주+마젠타 조합이 화려해서 경고로 읽히지 않는다. 브랜드 통일감이 우선이라면 이쪽.

로그인 전비인증
OnBridge 로그인 전
🏠 홈📄 문서 🛡️ 관리🙋 내 설정
#0D2B6B 배너#1857A4 메뉴바
CI 흰 잉크13.33✓ AA
CI 주황 점3.17✓ 3:1
메뉴 흰 글자7.15✓ AA
배너↔메뉴 구분1.87✓
일반 사용자viewer · member · manager
OnBridge 일반 사용자
🏠 홈📄 문서 🛡️ 관리🙋 내 설정
#093425 배너#0E7C6E 메뉴바
CI 흰 잉크13.73✓ AA
CI 주황 점3.26✓ 3:1
메뉴 흰 글자5.09✓ AA
배너↔메뉴 구분2.70✓
관리자admin
OnBridge 관리자
🏠 홈📄 문서 🛡️ 관리🙋 내 설정
#4A0E3A 배너#B415B4 메뉴바
CI 흰 잉크14.84✓ AA
CI 주황 점3.52✓ 3:1
메뉴 흰 글자5.66✓ AA
배너↔메뉴 구분2.62✓
C

단색 배너

배너는 먹색으로 고정하고 메뉴바 색만 바꾼다.

CI가 항상 같은 배경에 놓여 브랜드가 흔들리지 않는다. 대비도 셋 중 가장 높다(CI 점 3.91). 대신 구분이 메뉴바 한 줄에만 걸려 눈에 덜 띈다.

로그인 전비인증
OnBridge 로그인 전
🏠 홈📄 문서 🛡️ 관리🙋 내 설정
#17202A 배너#475569 메뉴바
CI 흰 잉크16.45✓ AA
CI 주황 점3.91✓ 3:1
메뉴 흰 글자7.58✓ AA
배너↔메뉴 구분2.17✓
일반 사용자viewer · member · manager
OnBridge 일반 사용자
🏠 홈📄 문서 🛡️ 관리🙋 내 설정
#17202A 배너#0E7C6E 메뉴바
CI 흰 잉크16.45✓ AA
CI 주황 점3.91✓ 3:1
메뉴 흰 글자5.09✓ AA
배너↔메뉴 구분3.23✓
관리자admin
OnBridge 관리자
🏠 홈📄 문서 🛡️ 관리🙋 내 설정
#17202A 배너#9D174D 메뉴바
CI 흰 잉크16.45✓ AA
CI 주황 점3.91✓ 3:1
메뉴 흰 글자7.88✓ AA
배너↔메뉴 구분2.09✓
고르신 안을 알려주시면 적용합니다. 상태별 색은 서버가 역할을 보고 결정하므로, 사용자가 임의로 바꿀 수 없다. 관리자 색이 보이면 실제로 관리자 권한이라는 뜻이다.