Anti-pattern · Color · High
Purple Gradient Default
The purple gradient default is the single most recognisable tell of AI-generated UI — a violet-to-indigo wash that no brand asked for.
The tell
Any violet, indigo or fuchsia gradient on a hero, heading or button — especially when paired with white text and no other colour source.
Why it happens
Purple is over-represented in AI-generated interface examples, so it is the model's highest-probability accent. It also hides weak layout: a bright gradient distracts from unconsidered spacing and hierarchy.
The rule
Choose one accent from the brand or product domain, and keep gradients to at most one surface on the page.
- Name a specific accent hue — deep teal, amber, oxide red — instead of "modern gradient".
- Use the gradient on one element only; everything else takes flat colour.
- Check the accent against the page in grayscale: if hierarchy collapses, the gradient was doing the work.
What is a Purple Gradient Default?
Ask a model for a modern landing page and you will very likely get a violet-to-indigo gradient: hero wash, gradient text, gradient buttons, gradient blobs. It reads as generated because it is statistically the most common choice in the training data, not because it means anything. Colour should come from a brand, a product category, or a deliberate mood — never from a default. Pick a hue that carries information, then let neutrals do the rest of the work.
Paste this after your existing prompt to strip the pattern from the result.