Skip to main content

Search rules

Search all UI Guides rules by name, category, or source

design@Ibelick

Avoid Purple and Multicolor Gradients

NEVER

NEVER: Use purple or multicolor gradients. They are hallmarks of AI-generated slop and generic templates. Choose distinctive, intentional colors.

Purple and rainbow gradients are overused in AI-generated designs - avoid them

Bad

Good

Why it matters

Verbatim from the baseline-ui skill — the line that follows its blanket "NEVER use gradients unless explicitly requested" (see design-ibelick-no-gradients), singling out the two variants that are never a considered choice. Our reasoning: violet-to-fuchsia and full-spectrum rainbows are the house style of every AI design tool and every undesigned SaaS template, so shipping one tells the viewer exactly where the interface came from.

They also carry the same technical costs as any gradient — no stable contrast ratio under text, no single token to re-map in dark mode — with none of the brand justification.

Built by Gleb Stroganov, design engineer at Evil Martians.

The rules come from other people's skills and guidelines — Vercel, Rauno Freiberg, @Ibelick, impeccable, Emil Kowalski, Tailwind, RAMS — each one credited on the Sources page. The work here is extraction and wiring: every rule is pulled into one corpus, given a good and a bad example you can operate, a MUST/SHOULD/NEVER rule an agent can paste, and a link back to where it came from.