iAmBruno.
Your illustrated manual · 28 practical chapters

Website Preview

Tell Bruno about your business. Review the website. Choose how to launch.

Start with facts, not a blank design canvas. Bruno writes and designs your first website from your answers, links and references. This guide follows a new company site, then shows the separate personal-site offer editor. Preview, editing and publication are different actions.

Download the PDF ↓Open Website Preview ↗

Before you start

  • Use an email address you control. The save-progress email identifies your saved lead/account; the public contact email is a different field later in the intake.
  • Bring your business facts, any existing logo and pictures you have permission to use. You do not need to write polished page copy or design the layout yourself.
  • The illustrated website and all names, dates, emails and responses are fictional examples. No logo generation, website generation, publication, email, account creation, payment or domain purchase was performed for these screenshots.

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

Choose a new website and name it

Choose a new website and name it — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Start a fresh site.
  2. 2The separate existing-site redesign choice.
  3. 3Your business or project name.
  4. 4Save this answer and continue.
  1. Open Website Preview and find the question What should iAmBruno create? Choose Build a new website for a fresh start.
  2. Enter the actual project or business name. Bruno uses it throughout the website, so check spelling before choosing Continue.
  3. The progress questions gather the material Bruno needs. They are not a request for you to design the website.
What happens nextYou reach the logo step for this new-site journey.
02

Already have a website? Use its public URL

Already have a website? Use its public URL — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The existing public website address.
  2. 2Continue into the separate redesign journey.
  1. Redesign my website is a separate starting path. Enter the public website address you want Bruno to redesign.
  2. Choose Show me iAmBruno’s redesign, then supply the save-progress email. The redesign path asks for confirmation before its final build; it does not repeat every new-site question shown next.
  3. Use only a site you are authorized to work on. This screenshot shows the choice; no external website was researched or redesigned for the guide.
What happens nextYou can choose the correct starting path rather than mixing it with a new-site intake.
03

Bring your logo or ask Bruno to make one

Bring your logo or ask Bruno to make one — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Optional direction for a new logo.
  2. 2Ask Bruno to create it.
  3. 3Upload your existing logo instead.
  4. 4Continue when ready.
  1. If you already have a logo, use the upload area. Otherwise describe the mark you want in a few plain words and choose Create logo.
  2. Give useful direction such as the business name, colors and a simple style. Bruno makes the artwork; you do not need to draw it.
  3. Continue moves forward. Check the actual logo result first when you have created or uploaded one.
What happens nextA created or uploaded logo can be attached to the website intake.
04

Check the saved logo before moving on

Check the saved logo before moving on — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The attached logo preview.
  2. 2Continue with this logo.
  1. The logo preview now shows what is attached. Our fictional Atelier Demo wordmark is a simulated result, not a new paid generation.
  2. Check the name and legibility. If it is wrong, use the existing upload or creation controls to replace it before continuing.
  3. Choose Continue to reach the save-progress email.
What happens nextYour chosen logo stays with the subsequent intake.
05

Save progress with an email you control

Save progress with an email you control — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The save-progress email.
  2. 2Save it and continue.
  1. Enter the email where you want Bruno to associate your progress and deliver the website link. This is not yet the public contact address on the website.
  2. Choose Save my progress and continue. In normal use this records the lead/account and intake; the screenshots simulate that response.
  3. This form does not ask you to invent or disclose a Google password. Keep access to the mailbox you enter.
What happens nextThe new-site path continues to its audience choice.
06

Choose who the website represents

Choose who the website represents — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1The audience choices.
  2. 2Save the choice.
  1. Choose Me, Company, Brand or Product to match the subject. Our main example is Company.
  2. This choice changes the questions. Company and brand journeys gather founder, team and service details; the personal journey offers a dedicated product/service editor, shown at the end of this guide.
  3. Choose Continue after selecting the correct subject.
What happens nextBruno can ask for the right kind of business context.
07

Share public sources or start from your own facts

Share public sources or start from your own facts — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Existing public links.
  2. 2Corrections and important notes.
  3. 3Ask Bruno to research and draft the bio.
  4. 4Use your own description instead.
  1. If you have a website or public social/business links, add them one at a time. Use the notes box for corrections and priorities.
  2. Analyze links and write my bio asks Bruno to use those sources. Source content still needs your factual review; a public page may be outdated.
  3. Our example chooses I don’t have anything yet so we can explain the business directly. No external research is performed in these screenshots.
What happens nextYou can supply existing context without writing finished marketing copy.
08

Give Bruno the facts it needs to write

Give Bruno the facts it needs to write — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Your factual notes.
  2. 2Ask Bruno to draft the bio.
  1. Describe what you do, who you serve and the experience or offer the website should explain. Include accurate dates and constraints where relevant.
  2. Plain notes are enough. Bruno writes the polished bio from this information; do not invent awards, prices, testimonials or services to fill a box.
  3. Choose Write my bio to request the draft. Our response is simulated with coherent fictional facts.
What happens nextA written proposal appears for your review.
09

Review Bruno’s written bio

Review Bruno’s written bio — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Bruno’s proposed bio, editable for corrections.
  2. 2Approve this version.
  3. 3Return to an earlier intake step.
  1. Read the proposed bio for names, offers, audience and claims. Correct a fact directly if needed.
  2. You can accept a good proposal as it is. Editing is optional; approval is the deliberate step that moves this text into the business context.
  3. Use Back if you need to correct an earlier answer, then choose Approve and continue when the bio is accurate.
What happens nextThe company-context step opens with the approved story.
10

Add the people and actual offers

Add the people and actual offers — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Founder details.
  2. 2The team list.
  3. 3Products or services.
  4. 4Continue to references.
  1. For a company or brand, enter the founder’s name, role and relevant background. Add team members one per line in the shown name–role format.
  2. Describe the actual products or services in separate entries. Supply useful facts and distinctions; Bruno handles the website writing and design.
  3. Choose Continue to assets when this context is right. Personal sites use the different offer controls shown in the last three chapters.
What happens nextThe website intake has a factual business structure to work from.
11

Attach your real reference pictures

Attach your real reference pictures — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Choose reference pictures.
  2. 2The saved reference filenames.
  3. 3Continue to the design direction.
  1. Use the image upload area for your brand, products, projects, team or visual world. The interface explains the picture allowance for the selected audience.
  2. Saved filenames confirm that references are attached. Uploading a product photograph does not establish its specifications, stock count or rights.
  3. Choose Continue to website direction after checking the references. These uploads were intercepted and never sent to a provider.
What happens nextThe references can guide Bruno’s website imagery.
12

Describe the look and choose the tone

Describe the look and choose the tone — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Your visual direction.
  2. 2Optional style references.
  3. 3The tone choices.
  4. 4Continue to public contact details.
  1. Say what you want the website to feel like: for example, vivid orange, real white, crisp black type, large photography and clear navigation.
  2. Reference links are optional visual examples. They are different from the factual business sources supplied earlier. Choose one of the displayed tone options.
  3. Choose Continue to contact details. Back lets you revisit saved answers; in this walkthrough Back and browser refresh retained the entered direction.
What happens nextYour factual story and intended visual direction are both available before the final build.
13

Check what customers will see

Check what customers will see — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
  1. 1Public phone.
  2. 2Public contact email.
  3. 3Address or service area.
  4. 4Request the final preview deliberately.
  1. Enter the phone, public email and address or service area that belong on this website. These can differ from your save-progress email.
  2. Use the final notes for accurate constraints, dates or requirements. Check spelling and privacy before making these details public.
  3. Build my website preview opens a final confirmation. Cancel returns without building; confirm only when these answers are ready.
What happens nextBruno starts the final website build after confirmation.
14

Let the website build finish

Let the website build finish — 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 work stages.
  1. The real progress interface describes the work while the build request runs. A working label is not proof of a finished site.
  2. Avoid repeatedly submitting the same final build. The saved completed preview is reused when you refresh; use its editing controls for later changes.
  3. All work in this guide is simulated. The screen is not evidence of a new paid generation or a promised completion time.
What happens nextA successful response opens the working website preview.
15

Inspect the actual website preview

Inspect the actual website preview — actual Bruno interface with fictional example data
Atelier Demo · Example account and simulated responses. Open the picture to zoom.
    1. The preview now contains a coherent website, not an empty form. Check the business name, main message, photography, offers and contact information.
    2. This fictional coffee-studio example is illustrative content rendered through the current backend’s HTML renderer. It is not a claim that Bruno generated this design during documentation.
    3. A ready preview is not automatically a public website. The next controls keep viewing, editing and publishing separate.
    What happens nextYou have a concrete website to review before choosing a launch package.
    16

    Choose viewing, editing or publishing

    Choose viewing, editing or publishing — actual Bruno interface with fictional example data
    Atelier Demo · Example account and simulated responses. Open the picture to zoom.
    1. 1Open the preview editor.
    2. 2Choose a launch option.
    3. 3Inspect a larger desktop view.
    1. Edit website opens the visual preview editor. Open desktop preview gives you a larger view.
    2. Publish opens the plan chooser; seeing that chooser does not itself buy a package. Review what the current plan includes before authorizing a purchase or free publication.
    3. Clear website is a different action for clearing this browser’s preview and signing out. Its scope is explained later in this guide.
    What happens nextYou can take the next action deliberately.
    17

    Use the larger view to check the design

    Use the larger view to check the design — actual Bruno interface with fictional example data
    Atelier Demo · Example account and simulated responses. Open the picture to zoom.
    1. 1The larger website frame.
    2. 2Switch to editing.
    3. 3Open launch options.
    1. Open desktop preview to inspect the page at a more useful size. Scroll through it and read the important copy.
    2. Edit website switches to the visual editing tools. Publish opens launch options. Neither a picture nor a preview contact form proves that a real enquiry has been delivered.
    3. Some preview links and buttons open the plan chooser before publication. Close it to return; do not mistake it for a completed website action.
    What happens nextYou can inspect the design without accepting a paid package.
    18

    Read beyond the hero

    Read beyond the hero — actual Bruno interface with fictional example data
    Atelier Demo · Example account and simulated responses. Open the picture to zoom.
      1. Scroll inside the larger preview to inspect the offers, story and contact sections. A strong first screen does not replace a factual review of the rest of the page.
      2. Check that the separate offers make sense, pictures match the intended subject and the visitor’s next step is clear.
      3. This is a different section of the same illustrative website, not another empty composer or a fabricated success message.
      What happens nextYou can spot a content problem before the site is published.
      19

      Make an optional text or color change

      Make an optional text or color change — actual Bruno interface with fictional example data
      Atelier Demo · Example account and simulated responses. Open the picture to zoom.
      1. 1The text and theme tools.
      2. 2Save the edited preview.
      3. 3The website being edited.
      1. In Edit website, select text in the website frame and type a correction. The example changes the headline to Friday Coffee starts here.
      2. The toolbar offers text and theme color controls. Their effect depends on the selected element and the website’s styling; inspect the actual result rather than assuming every color changes.
      3. Choose Done to save these preview edits. This opens the plan chooser afterward; it does not silently pay for a launch.
      What happens nextThe saved preview contains your accepted correction.
      20

      Compare the launch options

      Compare the launch options — actual Bruno interface with fictional example data
      Atelier Demo · Example account and simulated responses. Open the picture to zoom.
      1. 1The free publication action.
      2. 2The paid SubDomain option.
      3. 3The paid Full Control option.
      1. Free publishes on an iAmBruno link. It does not include a custom domain or business mailboxes; the free design remains locked with text editing.
      2. SubDomain and Full Control are separate paid launch packages. Read the current displayed price, included hosting period, editing rights, domain and mailbox details. Creative subscriptions remain separate.
      3. Choose only the package you intend. The following billing examples stop before PayPal authorization; the free example is also simulated.
      What happens nextYou can compare the consequences before authorizing publication or payment.
      21

      Review SubDomain billing before payment

      Review SubDomain billing before payment — actual Bruno interface with fictional example data
      Atelier Demo · Example account and simulated responses. Open the picture to zoom.
      1. 1The selected package price and term.
      2. 2The linked account email.
      3. 3The purchase terms.
      4. 4Proceed to payment only when intended.
      1. The SubDomain form shows its one-time USD price and one year included. It is a launch purchase with no automatic renewal.
      2. Check the linked email and your billing details. The displayed email comes from your saved account context; correct an account issue before proceeding.
      3. Continue to PayPal advances to secure payment. No PayPal screens, order creation or charge are performed in this guide. A real paid launch remains pending until payment and setup succeed.
      What happens nextYou know what the SubDomain purchase will authorize before reaching PayPal.
      22

      Check the separate Full Control package

      Check the separate Full Control package — actual Bruno interface with fictional example data
      Atelier Demo · Example account and simulated responses. Open the picture to zoom.
      1. 1The selected Full Control package.
      2. 2Its own one-time price.
      3. 3The included term and purchase conditions.
      1. Full Control has its own displayed price and scope. Confirm the selected package before proceeding; it is different from the SubDomain purchase.
      2. After successful payment, the actual flow offers a new domain search or an existing-domain path. Existing domains require the displayed DNS setup and verification; a domain is not live just because it was typed.
      3. This guide stops before any payment, domain registration, DNS change or provisioning. Use the ready notice and Website dashboard for the real completed setup, rather than treating a checkout screen as proof of launch.
      What happens nextYou can decide whether this is the launch package you need.
      23

      Use the free-site link and dashboard

      Use the free-site link and dashboard — actual Bruno interface with fictional example data
      Atelier Demo · Example account and simulated responses. Open the picture to zoom.
      1. 1Visit the resulting free website.
      2. 2Open its dashboard.
      3. 3The generated public link.
      1. Publish Free performs publication in normal use. A successful result offers Visit my free site and Go to dashboard. Our response and public-looking link are fictional and inert.
      2. Free means hosting on the generated iAmBruno link, with the displayed free-plan limits. It does not purchase a custom domain or mailboxes.
      3. Successful normal free activation opens an account session for the dashboard. If the service reports that the site is live but account access failed, follow that specific message instead of publishing repeatedly.
      What happens nextA real successful activation provides the site link and dashboard access.
      24

      Keep the delivery email

      Keep the delivery email — actual Bruno interface with fictional example data
      Atelier Demo · Example account and simulated responses. Open the picture to zoom.
      1. 1The website-ready message.
      2. 2The site link in the email.
      1. When delivery succeeds, the real free-site email includes the website link, the free-plan summary and a dashboard link. This picture uses the actual email renderer with fictional data; no message was sent.
      2. Keep your real link somewhere safe and use the intended account when opening the dashboard. Do not forward private account-access information casually.
      3. If the interface says the link is ready but email delivery failed, use the displayed link and contact support as needed. Do not assume an email was sent without its success state.
      What happens nextYou can return to the site using the recorded real link.
      25

      Clear a shared browser without deleting your site

      Clear a shared browser without deleting your site — actual Bruno interface with fictional example data
      Atelier Demo · Example account and simulated responses. Open the picture to zoom.
      1. 1The separate browser-reset action.
      1. Clear website asks for confirmation before resetting this browser’s preview and signing out. We cancel that confirmation in this example.
      2. It leaves saved accounts and published websites intact. It is not a delete-account or unpublish command.
      3. On a shared computer, keep your site link and account access first, then use this reset when another person should start their own preview.
      What happens nextYou can distinguish clearing a session from deleting a published website.
      26

      Personal-site branch: show what you offer

      Personal-site branch: show what you offer — actual Bruno interface with fictional example data
      Atelier Demo · Example account and simulated responses. Open the picture to zoom.
      1. 1Your role or profession.
      2. 2Extract likely offers from selected files.
      3. 3Add an offer manually.
      1. This is a separate Me journey, not a reset of the published company example. Enter your role or profession, then add what you sell.
      2. You can load likely offers from supported files or choose Add a Service/Product. Extracted information still needs your review.
      3. Use a separate offer for each real product or service. A physical product needs appropriate real pictures; service images are optional when they help describe the experience.
      What happens nextYou can supply personal business context without designing the finished website.
      27

      Check the offer type and facts

      Check the offer type and facts — actual Bruno interface with fictional example data
      Atelier Demo · Example account and simulated responses. Open the picture to zoom.
      1. 1The product/service choice.
      2. 2The offer title.
      3. 3Its factual description.
      4. 4Save this offer to the draft.
      1. Choose the correct Product or Service type. The picture shows a fictional service, Friday Coffee hosting.
      2. Add its title and factual description. You do not need to write every final website heading or paragraph; Bruno uses this context to write and design the site.
      3. Save offer keeps it in the current intake draft. It does not publish a store product, take a payment or launch the website.
      What happens nextA separate offer card appears in the personal intake.
      28

      Review the saved offer and continue

      Review the saved offer and continue — actual Bruno interface with fictional example data
      Atelier Demo · Example account and simulated responses. Open the picture to zoom.
      1. 1The saved offer and correction controls.
      2. 2Continue with this context.
      1. The saved card offers Edit and Remove. Use them to correct the item before leaving this step.
      2. Choose Continue to assets when the actual offers are ready. The remaining reference, direction, contact and preview review steps follow the same principles already shown.
      3. Do not use a successful local offer save as proof that the website is published. Publication still has its own plan choice and confirmation.
      What happens nextThe personal journey can proceed with a reviewed offer list.
      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.