Foundations
컬러
EOND UI는 브랜드 2색 + 뉴트럴 7색 + 시맨틱 4색으로 모든 화면을 구성합니다. 섹션마다 새로운 색을 추가하지 않습니다.
Brand
브랜드의 얼굴입니다. Accent는 화면당 주 CTA 하나에만 사용하세요.
Accent
--e-accent · #FF6B35
주 액션·포인트
Accent Strong
--e-accent-strong · #E85A26
hover·active
Accent Soft
--e-accent-soft · #FFF0EA
연한 강조 배경
Night
--e-night · #0B1120
다크 섹션·강조 배경
Night Soft
--e-night-soft · #1E2942
다크 위 카드
Neutrals
el_imin에서 계승한 뉴트럴 축입니다. 텍스트 위계는 ink→muted→faint 3단계.
Ink
--e-ink · #212121
본문 텍스트
Muted
--e-muted · #727272
보조 텍스트
Faint
--e-faint · #a8a8a8
흐린 텍스트·플레이스홀더
Border
--e-border · #dbdbdb
인풋·버튼 보더
Line
--e-line · #EBEBEB
구획선
Paper
--e-paper · #f8f8f8
섹션·카드 배경
White
--e-white · #ffffff
기본 배경
Semantic
상태 전달 전용입니다. 각 색은 soft 배경 짝을 가집니다.
Danger
--e-danger · #FA2828
오류·삭제
Danger Soft
--e-danger-soft · #FFEBEB
오류·삭제 배경
Success
--e-success · #12B76A
성공·완료
Success Soft
--e-success-soft · #E7F8F0
성공·완료 배경
Warning
--e-warning · #F79009
주의
Warning Soft
--e-warning-soft · #FEF3E2
주의 배경
Info
--e-info · #2563EB
안내
Info Soft
--e-info-soft · #EBF1FE
안내 배경
사용 원칙
컬러 활용 시 고려해야 할 원칙들입니다.
Do — 주 CTA는 e-btn-primary(Accent) 하나만. 나머지 버튼은 outline/ghost.
Do — 다크 섹션 배경은 Night, 그 위 카드에는 Night Soft.
Don't — 섹션·배너마다 새로운 색(라임, 시안, 퍼플 등)을 추가하지 않습니다. 이전 el_imin의 문제였습니다.
Don't — 본문 텍스트에 Accent를 쓰지 않습니다. 강조는 굵기(700)로.