Skip to content

Your brand on the website.

What a website in WebSiteBuilder ai takes from BrandStudio — colours, typeface, logo, company details, legal notice — and how to deviate from it.

VideoYour own design and back to the brand
On this page

The design follows your brand

If your account has a brand in BrandStudio, a new website follows it: the colours the brand sets and its typeface apply on the page. Under “Colors & font” you then see “Follows the brand” with the brand’s name, and the colours it sets and the typeface are locked there.

Following is live: if you change a colour or the typeface in BrandStudio, it changes in the draft and on the published page at once, without you publishing. Whatever the brand does not set remains up to the website.

Websites that existed before you created a brand keep their own design; they do not jump. With “Back to the brand” you can connect them at any time.

“Colors & font” of a Café Lumen website that follows the brand: at the top the brand’s colour dots with “Follows the brand Café Lumen”, below them the locked colour fields and “Use my own design”.
  1. In the editor, click “Colors & font” on the left.
  2. Read at the top under “Colours” whether the website follows the brand or has its own design.

Your own design and back to the brand

If you want your own colours or typeface for a website, click “Use my own design”. The current state is taken as the starting point — nothing jumps — and the fields are unlocked. A style reference or a design from an image also gives the website its own design.

You then see the “own design” badge, the roles that differ, such as accent colour or typeface, and the “Back to the brand” button. It removes your own values; afterwards the website follows the brand again, even when you change the brand later. If you change your mind, “Undo: own design from …” brings your own design back once.

Café Lumen’s “Colors & font”: Ana clicks “Use my own design” and changes the accent, the badge shows “own design” with “Accent colour”; “Back to the brand” brings the brand colours back, and “Undo: own design from …” appears.
  1. Click “Colors & font” on the left.
  2. Click “Use my own design” and set colours and typeface.
  3. To go back, click “Back to the brand” at the top.

None of this uses AI credit.

Company details, logo and icon from the brand

A new website also takes name, address, phone and email from your brand — whatever is filled in there. These details appear in the top bar, in the contact section and in the machine-readable markup. You maintain them in BrandStudio; changed there, they are correct on every website that follows it. Under “Company” in the editor, these four details are then locked and show the brand’s values. If you want your own for a website, click “Use my own details” there: the brand’s details are copied over — nothing changes on the website — and the fields can be edited. “Use details from BrandStudio” goes back to the brand.

The logo in the top bar comes from the brand: the version uploaded for the top bar, otherwise the logo from BrandStudio. You choose a logo for one website only under “Menu & footer” (Designing the menu and footer). Your name stays with it for screen readers. The brand also supplies the small icon in the browser tab and the preview image for shared links when the page has no header image of its own.

Your social media channels appear in the footer if the website does not enter its own under “Company”. They are maintained in SocialStudio ai.

Café Lumen’s top bar and contact section with the logo and company details from BrandStudio.
  1. Open BrandStudio and enter name, address, phone and email under “Company”.
  2. Upload your logo there.
  3. Open the website in the editor — the top bar and contact section show the brand’s details.

Websites that existed before your brand keep their own company details until you click “Use details from BrandStudio” under “Company”; they still carry the brand’s logo if they have none of their own.

Publishing needs your brand

Before a website goes online, it has to be clear who is behind it. Three things are required: company or operator, address, and email or phone — no logo, no colours. They come from your brand or, as long as you have not set one up, from your sender details in Invoice.

If something is missing, “Publish” stops with a sentence naming what is missing, and “Go to BrandStudio” takes you where you enter it. Editing, the preview and “Take it with you” always work. What is already online stays online; the question comes with your next publication and when you put the site back online.

If you have several brands and the website doesn’t belong to one yet, the editor asks “Which brand?” when you publish — see Which brand each project uses.

The editor of a new Café Lumen website: Ana clicks “Publish”, the red notice names the missing address and shows “Go to BrandStudio”; she enters the address there, and back in the editor the page goes online with “Publish”.
  1. Click “Publish”; if the notice appears, click “Go to BrandStudio”.
  2. Enter the missing details.
  3. Return to the editor and click “Publish” again.

Related guides and next steps

Explore the tool: ⁦WebSiteBuilder ai⁩

Help us improve KENJTEC

Google Analytics helps us improve the website. Google receives usage and device data; this may be processed in the USA.

Optional. Your choice lasts 180 days and can be changed at any time in the cookie settings.

Privacy policy