Guía
Errores de paleta en sitios web que rompen la coherencia
Evita errores comunes que hacen que el diseño se vea fragmentado.
Buenos colores sueltos no bastan si no hay reglas claras de uso.
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.