screens / 04 Layout Arrange authored content in source compositions while applying guide geometry deliberately.
Live interface previewSession only Preview Usage
Try the controls Browse all 15 source layouts and edit slot content, spacing and metadata. Apply/Snap uses the shared frozen guide snapshot. Grid & Guides has its own workspace. Save/Reopen and Undo/Redo use this preview's independent memory document.
Opening Studio preview Opening Studio…
Usage Choose among all 15 immutable source templates and edit real slot content, spacing, dividers and metadata. Use Grid & Guides to edit the shared guide document. Returning to Layout preserves authored content and the applied guide snapshot. Apply/Snap is explicit; visibility, color and zoom leave the frozen projection unchanged. Variants Source catalog Slot content Grow/fixed bounds Applied guide snapshot
Preview states Source selected Element selected Exact spacing Assignment and order Snap applied/released Save/Reopen Undo/Redo Mobile inspector
Integration boundary Layout and Grid & Guides have separate navigation and views but intentionally share the existing versioned Grid/Layout storage envelope. Arbitrary layouts, persistent uploaded artwork and responsive Layout overrides remain outside this slice. V1 source exports retain their original contract. Source modules 7 conceptualize/components/studio-v2/studio-grid-layout-workspace.tsxconceptualize/components/studio-v2/studio-grid-layout-inspector.tsxconceptualize/components/studio-v2/studio-grid-inspector-frame.tsxconceptualize/components/studio-v2/studio-grid-layout-document.tsxconceptualize/components/studio-v2/studio-grid-layout-canvas.tsxconceptualize/components/studio-v2/studio-layout-catalog.tsxconceptualize/components/tools/grid/use-grid-layout-session.ts