Learning Your Brand

When you create a new brand in Blox, our AI automatically analyzes your website to extract your visual identity. This includes your colors, fonts, logos, and even UI components—giving Blox everything it needs to generate landing pages that look and feel like your brand.

​

Creating a new brand

To get started, you’ll need to provide two pieces of information:

1. Brand name — The name of your brand or company
2. Domain — Your website URL (e.g., acme.com or https://www.acme.com)

Once you submit this information, Blox begins analyzing your website automatically.

​

The learning process

After you create a brand, you’ll see a training progress screen that walks you through six steps:

1. Initializing — Setting up your brand workspace
2. Analyzing website — Scanning your domain for branding elements
3. Extracting brand colors and fonts — Identifying your color palette and typography
4. Downloading brand assets — Saving your logos, images, and other visual assets
5. Creating component library — Capturing UI sections from your site for reference
6. Finalizing setup — Completing the brand profile

This process typically completes within a couple of minutes. You’ll see real-time progress updates as each step finishes.

​

Refining your brand training

After the initial learning process completes, you can refine your agents understanding with the branding settings.

​

Identity

Update your brand name, description, and website URL. The description helps Blox understand what your company does.

​

Colors

Add, remove, or modify your brand colors. Each color can have a descriptive tag (like “primary” or “accent”) to help organize your palette.

​

Images

Upload or replace your logo, favicon, and Open Graph image. These are used across your landing pages and for social sharing previews.

​

Fonts

View and manage the fonts associated with your brand. You can add custom fonts if the automatically extracted ones don’t match your preferences.

​

Rules

Define brand guidelines that Blox should follow when generating content. For example:

• Never use shadows
• Always wrap images in a border
• Avoid using light font weights, only medium and above

​

How your brand is applied

Once Blox has learned your brand, this information is automatically applied when you create landing pages. The AI uses your:

• Colors to style buttons, backgrounds, text, and accents
• Fonts for headings, body text, and other typography
• Logo and images as assets available in your pages
• UI components as visual references for layout and design patterns
• Rules to guide content generation and maintain brand consistency

This means every landing page you create starts with your brand identity already in place—no manual styling required.

​

Updating your brand later

Your brand isn’t locked in after the initial setup. You can update any aspect of your brand at any time through the branding settings. Changes apply to new pages you create going forward.