1. Overview

IndustryOnline sellers who often write product pages and descriptions
PurposeA screen that places the product fact sheet beside the draft copy, filters out exaggeration, health claims, unsupported numbers, and unverified facts with rules, previews the product page, and saves the reviewed version
Scope1 main screen · 4 products · three areas: product facts, copy review, and preview · 7 check rules
Main flowPick product → check rule results → view the basis for each sentence → edit copy → preview → mark reviewed → original and edited TXT · reviewed CSV

Fact sheet values and their verification marks, edited copy, review status, and the product you were viewing are saved in the browser. They stay in place after a refresh or a later visit.

Connected at rollout: writing new copy — the starting copy for the 4 products is a draft entered in advance, and no real AI is connected; it is connected at rollout. Listing products on a store, image editing, and server storage for sharing records across devices are also connected at rollout.

2. Challenges

1. Drafts exaggerate convincingly.

Phrases like "최고급" (premium), "항균 효과" (antibacterial effect), or "보온 24시간 무조건" (keeps warm 24 hours, guaranteed) are easy to write, but without evidence they become labeling and advertising problems. Risky expressions need to be flagged first.

2. Numbers in the copy differ from the product data.

If capacity, size, or heat retention time differ from the fact sheet, they become grounds for exchanges and returns. Every number in the copy must be checked against the fact sheet.

3. Unverified facts must not be stated.

Copy must not state facts that haven't been verified yet, such as country of origin or certifications. When the fact sheet changes, copy that was already reviewed must be checked again.

3. Structure

One screen holds three areas side by side like a magazine page — the fact sheet in the left margin, the product page in the middle, and copy review on the right. Pick a product at the top and all three areas change together; on mobile, three buttons show one area at a time.

4. Key Features

Rule Checks screen

Rule Checks

It checks a 50-character title limit, unsupported superlatives and absolute claims (best, perfect, guaranteed, and so on), health claims not backed by the fact sheet (antibacterial, sterilizing, and so on), numbers not in the fact sheet, unverified facts, an empty summary, and the number of key-info lines. Mark Reviewed stays locked while errors remain.

Basis for Each Sentence screen

Basis for Each Sentence

The description is split into sentences, each tagged with the fact it is based on (material, size, care, and so on). Sentences with no basis found are marked separately.

Product Page Preview screen

Product Page Preview

The edited title, price, summary, key info, and description appear at once in the shape of a product page. When marked reviewed, both the original and edited copy are kept, and they download as TXT.

Product Fact Sheet screen

Product Fact Sheet

Edit fact values such as material, size, weight, and country of origin, and their "Verified" marks. Changed values apply to the checks at once, and a reviewed product goes back to review status when its facts change. Only reviewed products download together as CSV.

5. Build Notes

Show details
ResponsiveLayout changes at 1240 · 820px. On PC, the fact sheet sits in the left margin, the product page preview in the middle, and copy review on the right. Below 1240px, the preview page moves below the fact sheet and copy columns; below 820px, Product facts / Copy review / Preview buttons show one area at a time.
FontsGowun Batang for titles and body — a magazine-page feel (a free open font). Trimmed to only the characters used on this screen, 93KB in total.
ImagesProduct photo spots are CSS boxes filled with category text. Real photos go in at rollout.
MotionNo motion except notification text that briefly appears and fades. Even that stops when the device's reduce-motion setting is on.
AccessibilityEvery copy and fact field has a label, and product buttons announce their selected and review status. Check results are shown with both color and a sentence. Accessibility score 100.
TechHTML, CSS, JavaScript (no external libraries). Check rules run inside the browser. Review results are stored in browser storage (localStorage) and download as original and edited TXT and a reviewed CSV.

6. QA

Results from running the pages on PC 1440 and mobile 390 screens and clicking through in the order a real user would. We also checked that data is still there after saving and refreshing. (2026-09-23)

ItemPC 1440Mobile 390
Screen errors00
Broken files00
Horizontal overflow · clipped text00
Function tests (Chrome)14 / 14 passed14 / 14 passed
Function tests (Safari engine)14 / 14 passed14 / 14 passed

The 14 function tests: first screen display · finding exaggeration and health claims · basis for each sentence · adding and deleting key-info lines · blocking numbers not in the fact sheet · blocking titles over 50 characters · editing copy and marking reviewed · preview reflects edits · kept after refresh · original and edited TXT · reviewed products CSV · review again when facts change after review · blocking unverified facts · resetting to the original copy

Speed and quality scores (out of 100; mobile measured three times on a slow connection, same result each time)

PerformanceAccessibilityBest PracticesSEO
Mobile100100100100
PC100100100100

Mobile: First Contentful Paint 1.1s · Largest Contentful Paint 1.5s · Layout Shift 0.000 · Blocking Time 50ms PC: First Contentful Paint 0.4s · Largest Contentful Paint 0.4s · Layout Shift 0.000 · Blocking Time 0ms

7. Result

Try it live ↗
Desktop screenMobile screen
AutoGun Works · Representative: Gunwoo Park · Business registration no. 342-27-02011 · 92-16, Eojin-ro 102beon-gil, Namsa-eup, Cheoin-gu, Yongin-si, Gyeonggi-do, Republic of Korea · contact@autogun.co.kr
Privacy Policy