Dashboard gives a quick status view before you edit anything.

1. Last edited page and a direct Edit action.
2. Last export time when the site was exported before.
3. Site name, theme, title font, text font, and description.
4. Page counts for Home, Privacy Policy, About us, and Authentication pages.
5. Navigation count, primary link, selected navbar, and selected footer.
6. Asset count split into image, audio, and video files.

Use Dashboard to check the site state before opening another tab. It is useful after a long editing session, because it shows what changed recently and where the site still has missing page types or links.

Pages stores the pages that belong to the current site. Each card shows a small visual preview, name, description, page type, created date, and edited date.

You can search pages by name and sort them by name, creation time, or edit time.

1. Open the Pages tab.
2. Click Create Page or the plus card.
3. Enter a name from 4 to 32 characters.
4. Add a description if the page needs one.
5. Select a page type. Some page types can exist only once in a site.
6. Enable Add to navigation bar if the page should appear in navigation right away.
7. Click Create.

Click the settings button on a page card to change its name, description, or type. This does not open the visual editor. Use Open Editor when you want to edit page content.

Click the close button on a page card, review the confirmation dialog, then click Delete. Deleted pages are removed from the site page list.

Assets stores files used by pages and blocks. The current file types are image, audio, and video.

The tab shows total storage usage. The current limit is 50 Mb for the site assets shown in this workspace.

Use the type selector to show all files or only one file type. Use search to filter by asset name. Use the filter button to sort by name, creation time, or edit time.

1. Open the Assets tab.
2. Click Add Asset or the plus card.
3. Choose a file. The app detects the file type from the browser file metadata.
4. Enter a name from 4 to 64 characters.
5. Check the preview.
6. Click Create.

Click the settings button on an asset card to rename it or replace the file. If you leave the file input empty, the current file stays in place.

Click the close button on an asset card, review the confirmation dialog, then click Delete. Check pages that used the file after removing it.

The Navigations section lets you choose a navbar variant. The preview uses the current site theme, fonts, site name, primary link, and normal links. Click Save after selecting a variant.

The Footers section works the same way as navigation. Choose a footer variant, review the preview, then click Save.

Settings edits the site name, description, logo, theme, title font, and text font. The update button stays inactive until a valid value changes.

Logo uses the asset picker and accepts image assets from the current site. Add the image in Assets first if it is not available in the picker.

Title font controls headings. Text font controls normal copy. Theme controls the color system used in previews, page editor, and exported site output.

1. Open Export locally.
2. Click Export.
3. Wait for the progress dialog to finish.
4. Save the downloaded zip archive.
5. Unpack the archive into a project folder.
6. Run npm install.
7. Run npm run dev then open the local address shown by the terminal.

On desktop, the editor uses three areas. The inspector is on the left, the page preview is in the center, and the block library is on the right.

The left and right panels can be resized with the vertical handles. The editor keeps a minimum space for the preview area so the page remains usable.

On small screens, inspector and block library move into drawers. Use the toolbar buttons to open them. The page preview stays as the main area.

The toolbar contains back navigation, quick site tools, save, page name, inspector drawer, block library drawer, and the Construct Preview switch.

Open Blocks in the library, choose a group, then choose a block variant. Click a variant to add it to the page. You can also drag a variant into the page preview or into an add area inside another block.

Switch the library from Blocks to Templates to insert a prepared page section group. A template adds several blocks at once.

Hover over a block or template item to see a larger preview. The preview uses the current site theme and fonts.

The inspector shows controls for the selected block. The controls depend on the block type. Text blocks expose text fields. Media blocks can open an asset picker. Link controls can open a page link picker.

Blocks that need an image, audio file, or video file can open the asset picker. The picker shows assets from the current site and returns the selected file to the block.

Blocks that need a link can open the link picker. Use it to choose a page from the same site instead of typing a path by hand.

The Save button writes the current block structure to the page. The button changes style when the page has unsaved changes.

Use Ctrl S on Windows and Linux or Cmd S on macOS to save when the page has unsaved changes.

If you use the back button while changes are not saved, the editor shows a warning. Choose Return to page to keep editing or Exit to leave without saving those changes.

Construct mode keeps editing controls active. Use it when you need to select blocks, change properties, reorder sections, or add new content.

Preview mode hides editing panels and renders the page with the site navbar, footer, theme, fonts, links, pages, and assets. Use it to check how the page reads as part of the site.

The settings button opens site settings without leaving the editor. Use it when the page needs a theme or font adjustment while you are editing content.

The pages button opens page management inside the editor. Use it to add or adjust site pages while staying in the current editing context.

The assets button opens asset management inside the editor. Use it when a block needs a file that has not been uploaded yet.