모바일 아이콘 UI 섹션 색상 가이드

색상 변수는 다음과 같이 나뉩니다. 설계 가이드라인을 사용하여 사용 사례에 적합한 색상 변수를 식별합니다.

경보 색상표

경보 색상표 색상은 중요한 상태, 상태 및 작업을 강조 표시합니다. 경보 색상은 장식이나 정리보다는 특정 의미를 전달할 때 사용합니다.

그룹화된 색상표

그룹화된 색상표 색상은 산업 라인의 색상 규칙을 따릅니다. 이 색상을 사용하여 색상이 지정된 항목이 특정 산업 또는 사업부와 관련이 있음을 보여줍니다. 각 색상의 의미는 컨텍스트에 따라 다르지만 앱 내에서 일관성을 유지해야 합니다.

경보 색상표

색 이름	색상	예제	색 옵션
기본			모바일 변수 기본 웹 변수 --now-color--primary-1
심각			모바일 변수 alert--critical-2 웹 변수 --now-color_alert--critical-2
높음			모바일 변수 alert--high-2 웹 변수 --now-color_alert--high-2
경고			모바일 변수 alert--warning-2 웹 변수 --now-color_alert--warning-2
보통			모바일 변수 alert--moderate-2 웹 변수 --now-color_alert--moderate-2
정보			모바일 변수 alert--info-2 웹 변수 --now-color_alert--info-2
긍정적			모바일 변수 alert--positive-2 웹 변수 --now-color_alert--긍정적-2
낮음			모바일 변수 alert--low-2 웹 변수 --now-color_alert--낮음-2

그룹화된 색상표

색 이름	색상	예제	색 옵션
파랑			웹 변수 --now-color_grouped--파란색-2
갈색			웹 변수 --now-color_grouped--갈색-2
회색			웹 변수 --now-color_grouped--회색-2
녹색			웹 변수 --now-color_grouped--green-2
녹색-노란색			웹 변수 --now-color_grouped--녹색-노란색-2
자홍색			웹 변수 --now-color_grouped--마젠타-2
주황			웹 변수 --now-color_grouped--주황색-2
분홍색			웹 변수 --now-color_grouped--분홍색-2
보라			웹 변수 --now-color_grouped--보라색-2
청록색			웹 변수 --now-color_grouped--청록색-2
황색			웹 변수 --now-color_grouped--노란색-2