Individual Look Without Coding Skills
The first impression of your website determines whether visitors stay. With the Kopage Website Builder, you can adapt the design, colors, and typography of your site to your brand with just a few clicks – intuitively and without a single line of code.
1. The Foundation: The Design Template
Every website starts with a template that defines the basic layout. You can change this at any time without losing your content:
- Click on Design in the main menu.
- Choose from a variety of modern templates to find the right one for your industry.
- Use the live preview to try out different styles.
2. Colors & Fonts (Typography)
Select predefined harmonies under Design & Colors or set your own HEX values for primary and accent colors.
Access a huge selection of fonts. We recommend a maximum of two different fonts for a clean look.
3. Identity: Logo and Favicon
To ensure your website is instantly recognized, integrate your own logo:
- Open Settings → Site Settings.
- Upload your logo (ideally as a transparent PNG or SVG).
- Don't forget the Favicon – the small icon that appears in the browser tab next to your page title.
4. Backgrounds & Sections
Give individual sections of your page more depth:
- Click on a section and select Background.
- Combine background images with overlay colors (transparency) to ensure the readability of your text.
5. Mobile First: Responsive Design
All changes in Kopage are automatically optimized for mobile devices. You can check the result at any time:
Need help with the visual design?
Our Support Team is happy to help with any detailed questions!
Next article: Creating a contact form with Kopage
