화면의 컨셉을 결정짓는 추천 색상 팔레트입니다. 원하는 테마를 골라 아래 항목별 매핑 가이드에 맞춰 색상을 적용해 보세요.
| Section |
|---|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #4FC0E8 |
|---|
| bgColor | #ffffff |
|---|
| borderStyle | solid |
|---|
| (신뢰/깔끔)시원한 스카이블루와 네이비 텍스트의 조합입니다. 무난하고 신뢰감을 주는 업무 시스템에 추천합니다. | | #4FC0E8 | | 화면 배경 |
| #F6F7FB | | 박스 배경 |
| #FFFFFF | | 테두리 |
|
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #66D47E |
|---|
| bgColor | #ffffff |
|---|
| borderStyle | solid |
|---|
| (편안/안정) 회계, 통계성 화면에 눈을 편안하게 해주는 그린톤 조합입니다. |
| #66D47E | | 화면 배경 |
| #F9FCE8 | | 박스 배경 |
| #FFFFFF | | 테두리 |
|
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #C24D2C |
|---|
| bgColor | #1A273A |
|---|
| borderStyle | solid |
|---|
| (다크모드)어두운 배경에 테라코타 오렌지로 포인트를 주어 |
| #C24D2C | | 화면 배경 |
| #1A273A | | 박스 배경 |
| #3E4A62 | | 테두리 |
|
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #9765C8 |
|---|
| bgColor | #ffffff |
|---|
| borderStyle | solid |
|---|
| | (트렌디/전문) |
| | Column |
|---|
| | 패널 |
|---|
| borderColor | #9765C8 |
|---|
| bgColor | #ffffff |
|---|
| borderStyle | solid |
|---|
| Lavender Teal (트렌디/전문) 시원한 스카이블루와 네이비 텍스트의 조합입니다. 무난하고 신뢰감을 주는 업무 시스템에 추천합니다. | | 포인트/버튼 | | #4FC0E8 | 화면 배경 | #F6F7FB | 박스 배경 | #FFFFFF | 테두리/구분 | #DFE1E6 | 기본 글씨색 | #3B4A6B |
|
|
| Section |
|---|
보라색 톤과 청록색을 매칭하여 전문적이고 세련된 인상을 주는 IT/소프트웨어 화면에 추천합니다. |
| #9765C8 | | 화면 배경 |
| #F0E4E4 | | 박스 배경 |
| #FFFFFF | | 테두리 |
|
|
|
| Section |
|---|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #ED743F |
|---|
| bgColor | #ffffff |
|---|
| borderStyle | solid |
|---|
| (활기/에너지)에너지가 넘치고 눈에 띄는 조합입니다. 사용자의 즉각적 조치가 필요한 화면에 좋습니다. |
| #ED743F | | 화면 배경 |
| #FFF9F6 | | 박스 배경 |
| #FFFFFF | | 테두리 |
|
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #FFD716 |
|---|
| bgColor | #ffffff |
|---|
| borderStyle | solid |
|---|
| (명확/강조)명도 대비가 뚜렷한 노란색과 짙은 네이비를 사용하여 데이터나 지표가 또렷하게 보이게 합니다. |
| #FFD716 | | 화면 배경 |
| #F4F5F7 | | 박스 배경 |
| #FFFFFF | | 테두리 |
|
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #9765C8#0052CC |
|---|
| bgColor | #ffffff |
|---|
| borderStyle | solid |
|---|
| Lavender Teal (트렌디/전문) 시원한 스카이블루와 네이비 텍스트의 조합입니다. 무난하고 신뢰감을 주는 업무 시스템에 추천합니다. | | 포인트/버튼 | | #4FC0E8 | 화면 배경 | #F6F7FBCustom Theme 1 원하시는 추가 색상 테마가 있다면 여기에 설명을 입력하여 가이드라인을 확장해 보세요. | 포인트 |
| #0052CC | | 화면 배경 |
| #FAFBFC | | 박스 배경 |
| #FFFFFF | | 테두리 | #3B4A6B |
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #5E6C84 |
|---|
| bgColor | #ffffff |
|---|
| borderStyle | solid |
|---|
| Custom Theme 2 원하시는 추가 색상 테마가 있다면 여기에 설명을 입력하여 가이드라인을 확장해 보세요. | 포인트 |
| #5E6C84 | | 화면 배경 |
| #F4F5F7 | | 박스 배경 |
| #FFFFFF | | 테두리 |
| #EBECF0 | | 글씨색 |
| #172B4D |
|
|
|