UI・画面設計
EC 商品ページ UI 構造（Desktop 1440 / Mobile 390・レスポンシブ差分つき）
EC 商品ページの UI 構造（レスポンシブ差分）
この図は、下の 1 枚の YAML から描かれています。手で図形を動かしてはいません。
正本に書いてある決まりごと
完成デザインではなく UI 構造の正本。色も書体も装飾も持たない。表しているのは「何が・どこに・どの順で・PC と SP でどう変わるか」だけ。
右の表が主役 —— 絵を 2 枚並べるだけでは、何が変わるか言えない。レスポンシブは縮小ではなく構造の変化（横並び→縦並び、Nav→Drawer、下部固定）。
正本（YAML）
examples/gallery/74-EC商品ページのUI構造.zumen.yaml
