Brand Kit

You'll find the Brand Kit under Settings in the "Brand Kit" tab.

Why you should use Brand Kits:

• Consistency across all channels – your brand looks the same everywhere, from Instagram to newsletters

• Time savings – no repeated input of colors, logos, or tone per piece of content

• Better AI control – both image and text AI work precisely within your brand look

Quick Start: Your First Brand Kit in 30 Seconds

The fastest way: let Christiani.AI read your Brand Kit automatically from your website.

1. Open the Brand Kit settings.

2. Click "+ New Brand Kit" in the top right.

3. Enter a name (default: "Main Brand" – freely editable, e.g. "Summer Campaign 2026").

4. Add your company's website URL (e.g. https://mycompany.com).

5. Click "Create".

During analysis, Christiani.AI automatically scans your website and extracts logo, favicon, color palette, fonts, and style tokens. An integrated AI adds image style and personality where needed. The process typically takes 5–30 seconds.

💡 Tip: The first Brand Kit you create automatically becomes your Default Kit – meaning it's the one pre-selected everywhere across the platform.

Alternative: Create Manually

If you'd rather configure everything yourself, click "Create manually instead" at the bottom of the dialog. An empty kit will be created, which you can then fill in step by step with logo, colors, and fonts.

Understanding the Brand Kit Overview

In the tab, you'll see all your Brand Kits as cards in a grid. Each card shows:

• Logo prominently at the top (or a placeholder if none was detected)

• "Default" badge (yellow star) if this kit is your default

• Color swatches of your main colors (click to see the hex code)

• Font preview with heading and body fonts rendered live

• Footer actions:

  • "Set as default" – makes this kit your new default (only visible if it's not already the default)

  • "Edit" – opens the full edit dashboard

  • 🗑 Delete – removes the kit (see note below)

Status Display During and After Creation

⚠️ If the scan fails: Simply click "Try again" – a second attempt often does the trick. Alternatively, use manual setup.

Editing a Brand Kit – The Five Sections

Click "Edit" to open the detailed dashboard. All changes are saved automatically – no separate save button needed.

1. Logo & Images

Three upload slots for your brand imagery:

• Logo – your main logo for light backgrounds, placed in AI images and social posts

• Favicon – small icon (16×16 / 32×32) for website tabs

• OG / Header Image – preview image for link sharing on social media (recommended: 1200×630 px)

Each slot supports upload, replace, or delete. Supported formats: PNG, JPG, SVG, WebP.

2. Color Palette

Six main colors form the backbone of your visual identity:

1. Primary color – your main brand color

2. Secondary color

3. Accent color

4. Background

5. Primary text color

6. Secondary text color

Each color has a color swatch (click to open the color picker) and a hex input field for direct entry.

Under "Advanced colors" you'll find a collapsible section with three semantic colors: Success, Warning, Error.

3. Typography

Two fonts define the look of your text:

• Heading font

• Body font

Use the FontPicker to load any Google Font. You can also type custom font names directly (custom font support).

Below that, you'll see badge chips listing every font detected on your website. Click a chip to apply that font to the currently active field.

💡 Note: System fonts (like system-ui, sans-serif, or emoji fonts) are automatically filtered out to keep the selection clean.

4. Style & Personality

Two dropdowns directly control the AI image style and text tonality:

• Tone – eight options: professional, playful, elegant, friendly, serious, inspiring, minimalist, bold

• Energy – four levels: calm, balanced, dynamic, intense

These settings influence both generated text and AI images.

5. Image Style Prompt (AI Image Look)

Here you'll find an automatically AI-generated description of your visual brand look. This description is sent with every AI image generation, ensuring consistent visual aesthetics.

Actions:

• "Regenerate" – creates a fresh prompt (useful after color or tone changes)

• "Copy" – copies the prompt to the clipboard

Under the Advanced toggle, you'll find two additional fields:

• Style tokens – English keywords that guide the image AI, e.g. minimal, soft pastel, editorial photography

• Negative prompt – keywords the image AI should avoid, e.g. neon colors, busy background

Managing Multiple Brand Kits

You can create as many Brand Kits as you like – for example, a main brand and a sub-brand, or a seasonal campaign kit. One of them is always the Default Kit, which is pre-selected everywhere.

Switching the Default Kit

Click "Set as default" on any card. The previous default loses its status, and the new kit is used as the default across the platform from that point on.

Deleting a Brand Kit

Click the 🗑 trash icon on the card in question.

⚠️ Important: At least one Brand Kit must always remain. The last remaining kit cannot be deleted – you'll see the message "At least one Brand Kit must remain". Create a new kit first, then delete the old one.

Team Visibility

Brand Kits are tied to your business account, not to individual users:

• All team members of the same account see and can edit the same kits.

• If you have multiple business accounts (use the account switcher in the top left), each account has its own kits.

• Kits are protected by row-level security – no access possible between separate accounts.

How the Christiani.AI Uses Your Brand Kit

Once configured, your Brand Kit automatically takes effect in several places across Christiani.AI:

AI Image Generator

When creating AI images, you'll find a Brand Kit selector at the top of the dialog:

• All your kits are available (the Default Kit is marked with "(Default)").

• The "No Brand Kit" option creates purely generic images without any brand context.

Data used: colors, tone, energy, image style prompt, style tokens, and negative prompt.

The "Add logo automatically" toggle stamps your logo onto the finished image via composite. Position and size are adjustable.

Social Media Post Dialogs

In the dialogs for Instagram, Facebook, LinkedIn, and Twitter/X, you'll find the "Add logo" button below the Canva button. It opens the "Place logo" dialog with:

• Live preview on your selected image

• Brand Kit dropdown in the top right (Default Kit is preselected, but you can switch directly within the dialog)

• Settings for position (corners), size, padding, and background plate

Text Generation

For all tools that generate text – Content Planner, Newsletter Creator, Blog Article Creator, Social Media Posts Creator, and more – your brand attributes are injected into the AI prompt in the background as brand guidelines: colors, tone, energy. Placeholders in templates (e.g. for color references) are automatically replaced with the hex values of your Default Kit.

Common Questions and Troubleshooting

❓ The scan is taking forever or hanging.

If the scan fails, a "Try again" button appears automatically on the card. If that doesn't help either, create your Brand Kit manually (via the "Create manually instead" link in the creation dialog) and enter logo and colors yourself.

❓ The detected colors are completely wrong – e.g. everything is black.

This happens when your source website was analyzed in dark mode. You'll see the yellow warning "Dark colors detected – please review". Correct the colors manually in the edit dashboard: type the hex values directly or use the color picker.

❓ I can't delete my Brand Kit.

At least one Brand Kit must always remain. Create a new kit first, set it as default if needed, then delete the old one.

❓ My logo doesn't appear on AI images.

Possible causes:

• The "Add logo automatically" toggle is disabled in the image generator dialog.

• The selected Brand Kit has no logo uploaded (slot is empty).

• "No Brand Kit" is selected in the selector.

❓ Fonts from my website are missing in the font picker.

System fonts like system-ui, sans-serif, or emoji fonts are automatically removed to keep the selection clean. You can always enter your desired font manually in the FontPicker.

❓ I switched the Default Kit, but old posts still use the old one.

That's intentional: content already generated stays unchanged. Only new AI generations use the current Default Kit.

❓ When should I create a second Brand Kit?

Typical use cases:

• Sub-brands or subsidiary products with their own visual identity

• Seasonal campaigns (e.g. summer campaign, Black Friday) with a dedicated color scheme

• Agencies working for different clients – in combination with separate business accounts

Glossary

Related Features

A well-maintained Brand Kit amplifies the quality of all downstream marketing activities. We also recommend:

• Configure Brand Voice – defines HOW you communicate verbally (formal/informal, archetype, tonality)

• Complete Company Profile – the content foundation for all AI generations

• Image Library – central collection of all generated and uploaded images

• Image Idea Generator – creates AI images directly in your Brand Kit style

• Social Media Posts Creator – uses your Brand Kit for consistent social media content

Recommended next steps:

1. After automatic creation, double-check that colors, fonts, and logo were detected correctly.

2. If needed, extend the Image Style Prompt with additional style tokens to steer the image AI more precisely.

3. Test the result by generating an AI image or a social media post – and fine-tune your Brand Kit based on the output.

🎯 Goal: A complete, authentic Brand Kit is the visual foundation for consistent marketing content. Set up right, it saves you time with every new piece of content – and strengthens brand recognition across every channel.