Brand Identity & Styling

Configure your logo, colors, fonts, and favicon so your website looks professional and matches your brand identity.

Your brand identity determines how your website looks. In Webey, you configure this through the Brand settings. Here you set up your logo, colors, fonts, and favicon. All changes are applied instantly across your entire website.

🎬 Video coming soon: Setting up your brand in 2 minutes

Step 1: Open Brand Settings

Go to your Dashboard → click on your site → click Settings in the sidebar. Scroll to the Brand section or click the "Brand" tab.

Step 2: Upload Your Logo

Click the logo field and upload your logo. We recommend using an SVG or PNG with a transparent background. The logo automatically appears in your website's navigation bar and footer.

Recommended format: SVG (scalable) or PNG (minimum 200×60px)
Maximum size: 2 MB

Step 3: Set Your Colors

Webey uses a color system with two main colors:

Primary color — for buttons, links, and accents (e.g., your brand color)
Secondary color — for backgrounds and subtle elements

Click the color field and pick your color using the color picker, or type the hex code directly (e.g., #FF6B35).

💡 Tip: Choose colors with sufficient contrast. A dark primary color on a light background is most readable.

Step 4: Choose Your Fonts

Select a heading font (for titles) and a body font (for body text). You can choose from an extensive list of Google Fonts. Popular combinations:

Inter + Inter — modern and clean
Playfair Display + Source Sans Pro — elegant and classic
Poppins + Open Sans — friendly and readable

Step 5: Set Your Favicon

The favicon is the small icon that appears in the browser tab. Upload a square image (preferably 32×32px or 180×180px). Webey scales it automatically.

Step 6: Save and Preview

Click Save. Open your website in a new tab to see the result. Your brand identity is immediately applied to all pages.

💡 Tip: You can change your brand identity at any time. All pages are automatically updated.