Components and layouts

Reusable components

Build a reusable piece from ordinary layers, then create a component master and place instances where needed. Keep shared visual rules in the master and intentional differences in instance overrides or variants.

1. Finish the component's base layout and responsive behavior.
2. Give the master and its child layers meaningful names.
3. Create instances and verify that a master edit reaches them.
4. Test each variant and any overridden instance separately.

Shared page layouts

A page layout is a component master marked as a layout with exactly one children slot. The slot receives the page's own root content; surrounding layers provide shared chrome such as a header and footer.

1. Create the layout master with header, content slot and footer.
2. Keep exactly one children slot inside it.
3. Assign the layout to a page.
4. Verify both shared chrome and page-specific content in preview.

Generated layout layers are removed when saving the authored page structure. If the layout is missing or its slot structure is invalid, the current implementation keeps page content visible rather than hiding it.

Distinguish templates from components

A component is reused within the document system. A template installs a project starting point and can replace project content; read template installation before importing into existing work.