가이드
웹사이트 팔레트에서 자주 하는 실수
페이지를 산만하게 만드는 대표적인 팔레트 실수를 줄이는 방법입니다.
개별 색상이 좋아도 운영 규칙이 없으면 전체 UI는 쉽게 흔들립니다.
Mistake: too many accents
Multiple bright accents compete for attention and weaken hierarchy.
Choose one main accent and use it consistently.
Mistake: weak neutral system
Without stable neutrals, spacing and typography feel noisy.
Define neutral shades for text, borders, and surfaces.
Mistake: no state planning
Colors may look fine in default state but fail in hover, active, or disabled states.
Plan interaction states before shipping.
- Test button states.
- Test links on light and dark backgrounds.
- Check form states and alerts.
Mistake: skipping contrast checks
Palette decisions without contrast validation hurt readability.
Verify text/background pairs before final rollout.
Common during
- Fast redesigns.
- Campaign page launches.
- Design-to-code handoff.
Set simple rules early
Clear color roles and light QA checks prevent most palette-related rework.