# V6 Design 038 - Consequence Resize ## Thesis Consequence Resize combines the Sites widget with smart resize around a simple rule: every replacement action must show what changes before the live site changes. The quiet state is a usable WordPress iframe with one compact command capsule, one Sites widget, and a labeled ratio seam. Opening Sites or Site Manager uses the same secondary surface and changes the site/tool ratio instead of creating unrelated drawers; Preview and Fullscreen return the iframe to near-full or full size. ## Remix, Merge, Remove From `018-quiet-rail-to-loud`, I kept the quiet-to-loud reveal and one secondary surface, but replaced the dark rail with a compact saved-identity widget. From `023-smart-resize`, I kept ratio-as-feedback, focus detents, and full iframe escape. From `036-corner-widget-control-center`, I kept the Sites widget interaction only: saved playgrounds, new starts, ZIP import, and blueprint discovery are one canonical door. From `035-three-layer-depth`, I borrowed mild elevation, blur, and tint as styling only. I avoided the disliked `030-two-row-top-bar`; identity, path, save, manager, settings deep-link, preview, and fullscreen stay in one command capsule. ## TypeUI Skill Used The assigned TypeUI skill is `clean` from `v6/style-skills/typeui-clean.md`. It is applied beyond color: Poppins is used for display headings, Roboto for body and controls, Inconsolata for path fields, labels, code, logs, tags, and ratio text; the palette uses Clean white surfaces, `#111827` text, blue primary, violet secondary, and semantic success/warning/danger; radii are held to 4px and 8px; spacing follows an 8px rhythm; surfaces are flat, bordered, and low-shadow; state language is precise with saved/unsaved dots, gated typed reset, boot progress, result toasts, and visible before/after consequence cards. ## Trade-Offs The Clean style risks blending into other white/blue V6 entries, so this design differentiates through consequence grammar rather than decorative color. The Sites surface is dense because it owns all launch, saved, import, and blueprint flows; splitting those into separate primary doors would regress the V6 IA. The top capsule includes Settings as a visible control because the current toolbar requires it, but it deep-links into Manager -> Settings and does not create a second settings room. The live site is an actual `