Skip to main content
Termlib

Revision examples

Same content, a more suitable layout

Compare 12 common layout issues using our authored demo pages. Find a relevant example, understand the change, then test suggestions on your own screenshot.

These are manually authored rule examples and wireframes. They do not measure customer success, model quality or integration into a real project. Actual analysis and generation results may differ.

Analyze my page

02Common mistakes

The 12 layout mistakes AI makes most

Each one maps to a hand-written rule. See where it goes wrong, then see the fix.

Browse all layouts
R001 · 01/12
Before · Single Page Form

Read-only details as a disabled form

View-only customer info as disabled inputs: gray, hard to read. Use a description list.

fromSingle Page FormtoDescription List

Description List: when to use it

From a screenshot to an actionable revision prompt

  1. 01

    Upload your own page

    Start with a page you need to deliver. Remove personal details, secrets and internal data first.

  2. 02

    Choose what is worth changing

    Read suggestions and their glossary references. Approve what fits; use your judgment beyond the rules.

  3. 03

    Apply the prompt and review

    Paste the prompt into your coding tool. Generate a standalone HTML preview if needed, then integrate and review in your project.

The glossary and local recognition are free. Platform AI uses credits per task. Refinement and canvas require subscription access, including with your own key.

Canvas and the browser extension are advanced tools. Read the full guide