iAmBruno.
Your illustrated manual · 16 practical chapters

Your website

Check the site. Make one change. Save deliberately.

Your Website page opens the selected site and the editing tools available for its plan. We will change a headline in the native editor, save it, try the optional image controls and show the separate full-redesign workflow. A connected WordPress site uses a different secure editor link.

Download the PDF ↓Open Your website ↗

Before you start

  • Check the website and domain before editing. The native SubDomain editor and the connected WordPress editor are different branches; follow the controls your account actually shows.
  • Bruno can write and design a full replacement from your completed Website Preview or Social Media intake. Manual text, color and layout edits are optional alternatives for specific changes.
  • Save website changes the saved website. Recreate selected image generates a picture and immediately saves the whole current page, including other unsaved edits. Run full redesign replaces the selected site’s full design; it is not a draft-only preview button.

These screenshots show the actual Bruno interface with fictional Atelier Demo details and simulated responses. Requests, saves and results are examples, not real customer records or live provider actions.

01

Check the selected site before opening an editor

Check the selected site before opening an editor — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The current domain selection.
  2. 2View, Edit and AI actions for this branch.
  3. 3The selected site’s preview.
  4. 4Domain, connection and email information.
  1. Choose Website in the main menu. Confirm the selected domain and the site preview. If several sites are available, use the selectors to choose the intended one.
  2. View website opens the public site. Edit opens the editor available for this plan. Edit with AI offers separate redesign and chat choices.
  3. Domain & connection identifies the selected address. Nameserver details depend on the connected domain; do not change your domain provider just to follow this editing example.
What happens nextYou can inspect the right site and choose the editing workflow that matches its plan.
02

Native branch: open the actual editor

Native branch: open the actual editor — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Text & colors is the current mode.
  2. 2Color controls for the selected text and site.
  3. 3Save stores this website.
  4. 4Close returns to the Website page.
  1. For a native Bruno SubDomain site, choose Edit. The website opens in the editor with Text & colors, Move and Edit images tools.
  2. Text & colors lets you click text in the page and type directly. The right panel changes selected text, selected background, site background or buttons and links.
  3. Save website is deliberate. The close button leaves the editor; if there are unsaved changes, read the confirmation before discarding them.
What happens nextThe current page is editable without asking for a new full design.
03

Make one specific text correction

Make one specific text correction — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The actual unsaved-change status.
  2. 2Optional selected-text and color controls.
  3. 3Save the checked correction.
  1. Click the main headline in the page and type the new words. Our optional manual edit changes it to Friday Coffee starts here.
  2. Unsaved changes means the new text is visible in the editor but is not yet saved. Check the spelling and line breaks.
  3. You can adjust a selected text color in the side panel. Choose Save website when the intended change is ready.
What happens nextSaving submits the current edited page; typing alone is not a save confirmation.
04

Wait for Website saved

Wait for Website saved — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The explicit successful-save status.
  2. 2Save remains available for later changes.
  1. Wait for Website saved in the editor toolbar. An error message is not a successful save.
  2. Inspect the headline again. The example’s save request stores the edited HTML through the actual frontend handler, with its backend response simulated.
  3. You can continue editing or close the editor. Open View website afterward to check the saved result outside editing mode.
What happens nextThe saved page includes the corrected headline.
05

Optionally move a selected element

Optionally move a selected element — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Switch to Move mode.
  2. 2Nudge or reset the selected element.
  3. 3The status tells you that the page needs saving.
  1. Choose Move, then click the element in the page. We select the headline and try one Right step. Each step moves eight pixels.
  2. Use Reset to remove this element’s move adjustment. This example resets the trial move before saving, keeping the original layout.
  3. Check desktop and phone layouts after intentional positioning changes. Save website stores the result; the orange selection outline belongs to the editor, not the finished site.
What happens nextYou can adjust one element deliberately without starting a full redesign.
06

Optionally adjust or recreate one image

Optionally adjust or recreate one image — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Controls for the actually selected image.
  2. 2This explicit action recreates one image and saves the website.
  1. Choose Edit images and click a picture on the page. Crop sliders adjust its position; choose a replacement shape when requesting a new image.
  2. To recreate the selected picture, describe the intended replacement. Our example asks for an orange Friday Coffee invitation poster with the confirmed event facts. Existing reference and result artwork are illustrative fixtures.
  3. Recreate selected image generates the replacement and saves the whole current page on success, including other unsaved text, crop and layout edits. Check those changes before clicking.
What happens nextA successful request replaces the selected image and reports that the website was saved.
07

Check the image and automatic save message

Check the image and automatic save message — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The combined image-created and website-saved confirmation.
  1. Wait for New image created and website saved. Inspect the replacement for readability, correctness and fit.
  2. This action has already saved the website on success. It differs from ordinary text and crop edits that need Save website.
  3. If the result needs another change, make a specific correction. Do not click repeatedly while a recreation is still running.
What happens nextThe selected picture and saved page use the replacement result.
08

Check the public result after editing

Check the public result after editing — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The saved headline.
  2. 2The selected image was replaced.
  1. Close the native editor, then choose View website. The saved page opens in another tab.
  2. Check the headline, image, links and layout outside the editing tools. Test a phone-sized view for your real site.
  3. This example shows the saved fictional page after our headline correction and illustrative image replacement. No customer site or paid generation was used.
What happens nextYou have checked the actual saved output rather than relying only on a toolbar message.
09

Choose the right AI editing path

Choose the right AI editing path — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Choose full redesign for a complete replacement.
  2. 2Chat Design requires a connected WordPress site.
  1. Choose Edit with AI. Full AI Redesign replaces the overall design from completed intake and your new direction.
  2. Edit with iAmBruno in Chat opens the connected WordPress editor for a conversation about particular changes. Follow the WordPress guide for its proposal and approval flow.
  3. For a native preview, Chat Design is disabled until the site is published to WordPress. That is the branch illustrated here; it is not a broken chat button.
What happens nextYou can choose a full redesign or the available WordPress conversation without confusing their approval behavior.
10

Review the full-redesign request before running it

Review the full-redesign request before running it — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The completed intake that Bruno will use.
  2. 2Your whole-site direction.
  3. 3Attached reference files.
  4. 4Start the full replacement only when ready.
  1. Choose Full AI Redesign. Check the completed intake name, then describe the desired whole-site direction and any facts or elements that must be preserved.
  2. Add useful JPG, PNG, WebP or PDF references. The form accepts up to ten files, with size limits shown in the interface; SVG is not accepted.
  3. Read the replacement notice. Run full redesign starts the production request; there is no separate concept-only approval screen in this branch. Use Chat Design for a conversational proposal about a smaller change.
What happens nextThe request becomes a saved background redesign with visible progress.
11

Let the saved redesign continue

Let the saved redesign continue — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The current progress message.
  2. 2The production stages.
  3. 3The saved job continues in the background.
  1. The progress view distinguishes designing the website, creating images and the completed website. A running job is not a finished result.
  2. While a redesign is active, close this window and reopen Edit with AI to check progress. After completion it returns to choices: use View website, not another redesign, to inspect the saved result.
  3. Do not submit a duplicate request because progress takes time. If progress cannot refresh, read the message; it does not mean another run was started.
What happens nextThe existing run can complete or report a specific failure without a duplicate submission.
12

Open the confirmed redesigned site

Open the confirmed redesigned site — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The explicit completed state.
  2. 2Open the updated website.
  1. Wait for Your website is ready and the View updated website link. The embedded Website preview also refreshes after the successful result.
  2. Choose View updated website to inspect it. A queued or running label is not equivalent to this completion state.
  3. If the job needs attention, review the stated error and your brief before starting a new run. Do not assume a failed synchronization changed the live site.
What happens nextThe completed result is ready for your own visual and factual check.
13

Review the finished full design

Review the finished full design — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The new welcome headline.
  2. 2The requested call to action.
  1. Check the new headline, event details and Come for a coffee action against the full-redesign request. Also inspect the rest of the pages and phone layout on your real site.
  2. Bruno writes and designs from your intake and direction, but your factual review still matters. Correct any inaccurate times, prices, contact details or claims.
  3. The image here is an illustrative fictional result used to teach the interface. It is not evidence of a new paid website build.
What happens nextYou can accept the result or request a precise follow-up through the editing path available for your site.
14

Complete the intake when redesign is blocked

Complete the intake when redesign is blocked — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The missing-intake explanation and current intake links.
  2. 2Production stays disabled until the requirement is satisfied.
  1. A full redesign needs a completed Website Preview or Social Media intake. If one is missing, the form lists what is needed and disables Run full redesign.
  2. Use the relevant intake link and finish the factual business information there. The old Companion intake does not replace the current intake requirement.
  3. Return to Website afterward and check the named completed intake before submitting your redesign.
What happens nextThe ready intake can supply Bruno with the facts needed for a coherent full design.
15

Connected WordPress uses a secure edit link

Connected WordPress uses a secure edit link — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The connected site’s Edit, AI and View actions.
  2. 2The temporary editor-session explanation.
  3. 3The selected domain and connection details.
  1. On a connected WordPress site, Edit is a link that opens the selected website address in editing mode. It is different from the native modal shown earlier.
  2. The secure editor session expires after two hours. Reopen Edit from this dashboard to start another session rather than sharing or reusing an expired link.
  3. Edit with AI can also open Chat Design for this site. Follow the WordPress manual for its actual movable conversation, proposal, approval and result.
What happens nextYou can enter the correct WordPress editor while keeping the owner-only session private.
16

Start from setup when no website is linked

Start from setup when no website is linked — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The actual empty state and Create a website entry.
  1. Your website will live here means this account has no saved linked website to edit.
  2. Create a website opens Website Preview. Follow that separate guide for the request, multi-page preview and plan/setup choices.
  3. If you expected an existing site, check the signed-in account and contact support. Opening the empty page does not create a website or activate hosting.
What happens nextOnce an eligible saved website is linked, its preview and available edit controls appear here.
Keep this guide handy

Come back whenever you need it.

Use Quick guide for a short reminder of the main controls. Keep this full manual for the complete task and its different choices.

In your dashboard, choose Quick guide → Show me around to replay the short tour. Use Read the guide or Download PDF for these complete instructions.

Need help? Email help@iambruno.com with the service name and what happened. Do not send passwords or connection keys.