With the AI-Assistant, you can design your website efficiently, professionally, and in line with your brand. The AI takes your corporate design into account, generates text and images, optimizes existing content, and offers flexible design options ranging from individual pages to complete projects.
This saves you time, allows you to maintain control over your branding, and delivers high-quality results.
Preparation of color plate
The AI can take your corporate design into account. The prerequisite is that a color palette is stored beforehand.
These colors are then automatically integrated into all generated designs. This keeps your branding consistent without you having to select each color manually.
Step 1: Open Settings
Go to the page editor and open Design → Colors. Here you can either create your own color palette or choose from pre-designed palettes so that your corporate design is automatically reflected in all designs.
Step 2: Select your color palette
You have two options here:
Either create your own color palette by clicking on “+ Add color” and adding your desired colors either via the color palette or using hex code:
Or you can choose a ready-made color palette, which you can adjust at any time afterwards:
In general, you can set colors for light, primary, secondary, and dark for your website. It is important that you save the changes at the end so that they are applied.
Preparing fonts
You can incorporate your own branding, especially fonts.
Step 1: Open Settings
Go to the page editor and open Design → Typography.
Step 2: Add font pair
You can choose a pre-designed font pair and customize it afterwards. To do this, click on a font pair of your choice and then click on “+ Add font pair”.
Now you can make various changes:
Adjust the size of the base font
Change the ratio of headings to body text
Change the font of the headings
Adjust the thickness and line spacing at the top, bottom, left, and right
Enable or disable capital letters for headings
Change the text font, including font weight and line spacing
Add additional fonts to make your design more flexible
This ensures that all text fits perfectly with your brand image.
Very important: Don't forget to save all changes at the end so that they are applied.
Generation of texts and images
With AI, both text and images are generated independently for your project. This means you automatically receive suitable content and visual elements for your website without having to do everything manually.
The images created can be used directly in your project and, if necessary, replaced with your own images or content from our free inventory.
📌 Note: Logos are not generated by AI. You can replace your logo later.
Use of library content
The AI does not automatically insert content from the library. However, it independently creates images that you can use directly in your project.
In addition, you can upload your own images, Lottie files, or logos at any time and replace them as needed. This gives you full control over the media on your website.
Create several variants
AI allows you to create multiple versions of your project. You can accept a suggestion directly or restart the process if you don't like the result. You can also view multiple alternatives for specific sections at a later stage.
Read more in the article: AI Assistant
Retrospective adjustments
All elements of your design can be edited later. You can replace images, adjust text, or change the layout. In addition, the AI can create new alternatives for individual sections or generate completely new sections.
Your own texts can also be checked for spelling and grammar or translated, so that your content always remains professional.
Read more in the article: AI Assistant
Create individual pages
With AI, you can also create individual pages within a project while retaining the existing design and text style. New content can be seamlessly integrated into existing designs, ensuring that your website remains consistent.
Read more in the article: AI Assistant
Publish page
Before you publish your website, please check that your domain is correctly connected and that all important settings have been made. This includes, in particular, SEO options, a cookie banner, and compliance with legal requirements. This ensures that your website looks professional and is legally accessible.
💡Do you have any feedback concerning this article? Please let us know through our live chat or at support@onepage.io, so we may keep it up to date. Thank you! 🙂