詳細レポート
「flow（flow-yamagen.com）」の機械計測の全量です。要点と総評は簡易レポートにあります。
スマホ・タブレットでの見え方
1つの幅だけで確かめると、別の幅で崩れていても気づけません。修理はタブレット（幅768px）とモバイル（幅390px）でも前後を測っています。
画像は最初の画面、数字はページ全体の計測です。
| 幅 | 乱れ度 | 横はみ出し | 縦の重なり | 極小文字 | 判定 |
|---|---|---|---|---|---|
| タブレット（幅768px） | 6 → 0 | 0 → 0 | 0 → 0 | 0 → 0 | 要改善 → 合格ライン到達 |
| モバイル（幅390px） | 6 → 0 | 0 → 0 | 0 → 0 | 0 → 0 | 要改善 → 合格ライン到達 |
横はみ出し＝画面の右端を越えている要素の数。縦の重なり＝枠を越えて後ろの文字に重なっている要素の数。
どちらも0が目標です。
数字で
金継ぎの検査器「ものさし」で、同条件（幅1280px）で測った前後です。悪化した項目はありません。
| 対象 | 乱れ度 | 似て非なる色 | 色クラスタ | 低コントラスト | 極小文字 | 角丸の種類 | 判定 |
|---|---|---|---|---|---|---|---|
| トップ（1280×800） | 4 → 0 | 0 → 0 | 4 → 4 | 5 → 0 | 0 → 0 | 2 → 2 | 要改善 → 合格ライン到達 |
3幅すべてで乱れ度0・読みにくい文字0件になりました（デスクトップ4→0／タブレット6→0／モバイル6→0、低コントラストは5件・14件・14件からすべて0件へ）。
もともと散らかりの少ないサイトで、直す前から合格の目安（乱れ度30未満）は満たしていました。デスクトップに残る「定番度8」は、6つのアイコンを丸く切っている1件だけです。
これは透明背景の線画なので見た目に欠けは出ておらず、今回は直していません（下の「AIの既製品の型」に理由を書いています）。
- 乱れ度
揃っていなさの点数。同じ役目の色・文字の大きさ・角の丸みを何種類の違うやり方で作っているかを数えたもの。
0が揃っていて、30未満で合格圏。30を超えた分は目盛りに収まるよう圧縮して表示している。
- 似て非なる色
ほぼ同じなのに少しだけ違う色の組。青が3種類あるなら2組と数える。
- 低コントラスト
文字が背景に溶けて読みにくい箇所の数。文字と背景の明るさの差が世界基準の線（普通の文字は4.5倍、大きな文字は3倍）を割った文字のかたまりを1個ずつ数える。
0が目標。
- 極小文字
12pxより小さい文字の数。スマホでは読みにくい基準未満のもの。
- 判定
要改善＝読みにくい文字などの基準割れか、揃いの点数が合格線を超えている／整いは合格・型が残る＝色・文字・余白は合格圏で基準割れもないが、AIの定番パターン（既製品らしさ）が残っている（直し方は下の節）／確認待ち（目視）＝数字は合格だが、機械で測れない箇所（画像やグラデの上の文字）や動線の確認が残る／合格ライン到達＝数字も基準もすべて合格。
最終の合格は、人の目視と主要動線の確認を経て人が出す。
AIの既製品の型と、直し方
「既製品らしさ（定番度）」は、AIが最初に出しがちな定番パターン（型紙22種）との一致数です。
壊れではないので機械は自動で直しません──意図して選んだ表現かどうかは、作り手にしか分からないからです。
このページで一致したのは次の型で、直すと決めたものから1つずつ外していけば数字も下がります。
主役の絵を丸く切る
キャラクターや人物を丸枠で顔だけ切り取ると、衣装もポーズも捨ててアイコンの型に入ります。切らずに大きく置き、縁・光・グラデの飾りを主役の周りから外します。
手段 構造の組み替え＋素材
順番の目安: 「CSSだけで直せます」の型から外すのが早くて安全です。文言の書き換え・構造の組み替えは、文面の意図が絡むので作り手の判断で。
全部外す必要はなく、意図があって選んだ表現は残して構いません。その場合は数字も「意図した既視感」として読み替えてください。