페이지 이력

...

Section

Column

width	25%

패널

borderColor	#4FC0E8#6C5CE7
bgColor	#ffffff
borderWidth	3
borderStyle	solid

Ocean Blue시원한 스카이블루와 네이비 텍스트의 조합입니다. 무난하고 신뢰감을 주는 업무 시스템에 추천합니다.

Vibrant Purple(SaaS/세련)

최신 SaaS(소프트웨어) 대시보드에서 자주 쓰이는 생동감 있는 보라색 톤입니다.

포인트/버튼 #4FC0E8 #6C5CE7

화면 배경 #F6F7FB #F4F6FA

박스 배경 #FFFFFF

테두리 #DFE1E6 #E2E8F0

글씨색 #3B4A6B #2B2D42

Column

width	25%

패널

borderColor	#66D47E
bgColor	#ffffff
borderWidth	3
borderStyle	solid

Nature Green

데이터가 빽빽하여 눈이 피로하기 쉬운 통계성 화면에 눈을 편안하게 해주는 그린톤 조합입니다.

포인트 #66D47E화면 배경 #F9FCE8

Oceanic Blue(클래식/신뢰)

가장 안정적이고 깔끔한 블루 톤으로, 복잡한 데이터 분석 화면을 시원하게 정돈해 줍니다.

포인트 #4A89DC

화면 배경 #F5F7FA

박스 배경 #FFFFFF

테두리 #C6E772 #E6E9ED

글씨색 #073835 #434A54

Column

width	25%

패널

borderColor	#C24D2C
bgColor	#1A273A
borderWidth	3
borderStyle	solid

Modern Dark

어두운 배경에 테라코타 오렌지로 포인트를 주어 대시보드를 돋보이게 하는 다크모드입니다.

포인트 #C24D2C화면 배경 #1A273A박스 배경 #3E4A62테두리 #5D6D81글씨색 #D9D9D7

Fresh Mint(의료/산뜻)

산뜻하고 깨끗한 인상을 주는 민트 색상으로, 인사(HR)나 재무 현황판, 의료 업종 화면에 추천합니다.

포인트 #37BC9B

화면 배경 #F4F9F8

박스 배경 #FFFFFF

테두리 #DCEFEA

글씨색 #2D3E3A

Column

width	25%

패널

borderColor	#9765C8
bgColor	#ffffff
borderWidth	3
borderStyle	solid

Lavender Teal

보라색 톤과 청록색을 매칭하여 전문적이고 세련된 인상을 주는 IT/소프트웨어 화면에 추천합니다.

포인트 #9765C8화면 배경 #F0E4E4

Sunset Grapefruit(강조/알림)

에너지가 넘치고 눈에 띄어 마케팅 성과나 즉각적인 조치가 필요한 알림 대시보드에 적합합니다.

포인트 #ED5565

화면 배경 #FFF6F6

박스 배경 #FFFFFF

테두리(활성) #15CDA9 #FADCE0

글씨색 #099A97 #523A3D

Section

Column

width	25%

패널

borderColor	#ED743F
bgColor	#ffffff
borderWidth	3
borderStyle	solid

Sunflower Warm Orange

에너지가 넘치고 눈에 띄는 조합입니다. 사용자의 즉각적 조치가 필요한 화면에 좋습니다

(친근/주의)

따뜻하고 친근한 옐로우 톤으로 리테일 현황이나 사용자 반응을 살피는 화면에 잘 어울립니다.

포인트 #ED743F #FFCE54

화면 배경 #FFF9F6 #FFFCF5

박스 배경 #FFFFFF

테두리 #FFD8C9 #F7EAC4

글씨색 #423465 #594A26

Column

width	25%

패널

borderColor	#FFD716
bgColor	#ffffff
borderWidth	3
borderStyle	solid

Yellow Navy명도 대비가 뚜렷한 노란색과 짙은 네이비를 사용하여 데이터나 지표가 또렷하게 보이게 합니다

Lavender Indigo(트렌디)

부드럽고 세련된 라벤더 색상으로, 최신 플랫폼 관리자 페이지에 적용해 보세요.

포인트 #FFD716 #967ADC

화면 배경 #F4F5F7 #F6F5FB

박스 배경 #FFFFFF

테두리 #DFE1E6 #E6E2F1

글씨색 #001F3E #3A344A

Column

width	25%

패널

borderColor	#0052CC
bgColor	#ffffff
borderWidth	3
borderStyle	solid

Custom Theme 1

원하시는 추가 색상 테마가 있다면 여기에 설명을 입력하여 가이드라인을 확장해 보세요.

포인트 #0052CC화면 배경 #FAFBFC

Grass Green(자연/성장)

성장과 긍정적인 지표를 강조하기 좋은 그린톤입니다. 영업 실적 화면에 추천합니다.

포인트 #8CC152

화면 배경 #F6FAF2

박스 배경 #FFFFFF

테두리 #DFE1E6 #E2EED5

글씨색 #172B4D #3D4C2F

Column

width	25%

패널

borderColor	#5E6C84#4FC1E9
bgColor	#ffffff#434A54
borderWidth	3
borderStyle	solid

Custom Theme 2원하시는 추가 색상 테마가 있다면 여기에 설명을 입력하여 가이드라인을 확장해 보세요

Modern Deep Gray(다크)

어두운 배경에 아쿠아 블루로 포인트를 주어 차트 위젯을 돋보이게 하는 다크모드 테마입니다.

포인트 #5E6C84 #4FC1E9

화면 배경 #F4F5F7 #434A54

박스 배경 #FFFFFF >#656D78

테두리 #EBECF0 #AAB2BD

글씨색 #172B4D >#F5F7FA

페이지 트리

버전 비교

이전 버전 26

새 버전 27

키