← The AI design field guide

Craft · 3 min · October 11, 2026

How to stop your designs from looking like generic AI output

Build a visual point of view through references, content, typography, composition and deliberate editing.

There is no single reliable visual test for whether AI made a design. Human designers also use templates, and AI-assisted work can be distinctive. The practical problem is sameness: layouts that ignore the content, interchangeable promises, decorative elements without purpose and a lack of a coherent point of view.

Start with substance before style

Write the actual offer, primary task, audience questions and constraints. A page for a ceramics class should not look or read like a generic software dashboard. Identify the information hierarchy before asking for a visual treatment. Remove invented statistics, testimonials and features from the brief.

Specific content changes the composition. A detailed schedule, an instructor's real perspective or an unusual product photograph gives the design something meaningful to organize.

Build a reference vocabulary

Collect references from editorial design, packaging, architecture, signage and the client's own history. Explain what you are borrowing at the level of principles: dense information handled clearly, generous margins, tactile materials or restrained color. Do not ask to reproduce another brand's recognizable identity.

Choose a few constraints. For example: two type families, one strong accent color, one signature image treatment and consistent rules for borders and spacing. Constraints help the work belong to a system.

Give typography a real job

Decide how headings, labels, body text and supporting details relate. Test actual long headings and realistic content lengths. Review line breaks at multiple widths. Do not depend on giant headlines to create every hierarchy. Use weight, measure, rhythm and placement as well as size.

Keep the reading experience comfortable. Personality should not require low contrast, tiny captions or excessive animation. A distinctive page still needs to work for the person trying to understand it.

Edit the composition aggressively

Question every card, gradient, pill and floating shape. Keep it when it groups meaningful information or expresses the brand; remove it when it merely fills space. Alternate scale and density intentionally, while preserving a clear reading order. Avoid forcing an artificial asymmetry that makes the task harder.

Compare the page without decorative layers. If the underlying hierarchy collapses, fix the structure before adding more style.

Use a directed revision prompt

Preserve the factual content and task flow. Propose two compositions based on this art direction: [specific qualities]. Explain the hierarchy, type relationships and image role. Identify elements that are decorative only. Do not invent claims or add new features. Leave critical copy editable.

Then make deliberate manual refinements: optical alignment, spacing, cropping, line breaks and interaction timing. Review the result on a real device. The final question is whether the design feels specific to the content and helps people act, not whether it can evade a guess about its production method.

Put it to work

Your next useful step

Take one generic landing page. Replace placeholder claims with real content, remove five unnecessary treatments, and create one distinctive visual rule.

Open the free working toolkit ↗

Keep exploring