18 catalog entries
Anti-patterns
Warning signals with explicit contexts and exceptions.
Generic Hero and Card GridA centered headline, two calls to action, and three equal feature cards used regardless of product or content needs.Card EverythingEvery section, metric, control group, and nested region receives its own rounded container and shadow.Habitual Gradient and GlowPurple-blue gradients, blurred accents, glass, or glow are added by habit without brand, material, or state meaning.Oversized Tool TypographyHero-scale headings and generous marketing spacing are placed inside dense dashboards, panels, tables, or sidebars.Universal MotionEvery element fades upward, scales on hover, or receives `transition: all` regardless of interaction purpose.Fabricated EvidenceInvented testimonials, customer logos, avatars, metrics, integrations, awards, or claims are presented as real.Desktop ShrinkDesktop columns, labels, toolbars, and interaction models are merely reduced in size for mobile.Mixed Design SystemsUnrelated component libraries, icon families, token scales, or interaction conventions are combined in one surface.Color-only StateSelection, status, error, or chart meaning depends only on a hue change with no text, icon, shape, or position cue.Atmospheric Subject HidingDark overlays, blur, aggressive crops, or stock-like media obscure the product, place, object, person, or state users need to inspect.Collapsed SpacingContent touches a visible border, peer items stick together, or responsive wrapping removes the separation needed to read grouping and hierarchy.Per-Section PosterizationEvery long-page section resets into another hero with giant display type, excessive lead-in space, outline words, numbered labels, or a full visual spectacle.Tiny Subject in a Decorative StageThe primary product or object appears at icon scale inside a large empty panel, often with multiple nested frames and surrounding labels doing more visual work than the subject.Orphan Hero StripAn otherwise immersive hero stops just short of the viewport edge and exposes a thin, empty strip of the page background.Header Plus Viewport HeroAn external header is stacked above a hero that independently consumes a full viewport height, pushing the hero bottom below the visible screen.Commerce Mood Without MerchandiseA product-selling page spends its early screens on atmosphere and brand narrative while hiding concrete products, prices, options, and buying actions.Visible Design RationalePublic copy explains the prompt, landing page, hero, layout, feature grid, generated output, or why the interface was composed a certain way.House-Style ConvergenceUnrelated briefs repeatedly converge on the same macrostructure and motif bundle, such as dark canvas, fluorescent accent, mono section labels, hard grids, terminal chrome, and giant condensed type.