ui-antipatternslisted

# UI anti-patterns A page can be technically correct and still fail, because it reads as unconsidered. This is the catalogue of tells — each one is a decision that was defaulted rather than made. Use it as a pre-ship pass. Most items are a one-line fix; the value is knowing to look. --- ## The generated-page signature These co-occur so reliably that any three of them together read as "nobody chose this": | Tell | What it signals | Instead | |---|---|---| | **Purple-to-blue gradient hero** | The default of a thousand templates | A flat surface, or a gradient derived from your actual palette | | **Everything in cards** | Card as the answer to all grouping | Cards for genuinely separate objects; plain sections otherwise | | **Uniform 8px-radius rounded corners everywhere** | One radius applied without thought | A radius scale — tight for dense controls, larger for containers | | **Drop shadows on every surface** | Elevation used as decoration | Elevation only where something genuinely floats | | **Emoji as section icons** | Filling a visual gap with the nearest object | Typography and spacing do the work, or a consistent icon set | | **Three equal columns of equal-weight content** | The grid chose the content | Hierarchy: one thing is most important — show it | | **Centred text in wide containers** | No considered measure | Left-aligned, 60-75 characters | | **A glow or neon accent on a business tool** | Aesthetic borrowed from an unrelated genre | Restraint; let the data