# Brand

> Logos, colors, typography, tone of voice and a generated Design System — the visual identity behind every AI creative.

Category: Knowledge Center

Source: https://doc.checkgrow.com/docs/brand

## Overview

The Brand page holds your visual and verbal identity in two tabs: **Brand Basics** (logo versions, favicon, color palette, typography, brand identity, tone of voice, brand message and keywords) and **Design System** (a full generated spec of your site's look and feel).

The onboarding website scan pre-fills most of it. From there, this page feeds [campaign](https://doc.checkgrow.com/docs/campaigns) briefings, [AI Agents](https://doc.checkgrow.com/docs/ai-agents) and — most visibly — every AI-generated creative.

> **Injected into every generated ad image**
> 
> Creative image generation injects your logo, colors, typography, brand identity, tone of voice and design system into every generated ad. Get this page right and every creative comes out on-brand automatically.

![Image #1 — Brand Basics tab with the Logo Versions slots, Favicon and Color Palette](https://doc.checkgrow.com/images/docs/brand-basics.jpg)

## Who needs it

Look after the Brand page if you are:

-   *A marketer generating creatives* — the palette, logo and tone of voice decide how every AI ad looks and sounds.
-   *A designer* — upload the correct SVG/PNG logo variants and lock in primary and secondary colors so the AI never improvises them.
-   *A founder without a brand book* — **Generate Design System** builds a professional, exportable spec from your website.
-   *Anyone rebranding* — update it here once and every future creative follows the new identity.

> Your Brand knowledge score stays capped until colors are set — pick a primary and secondary color early.

## How to use Brand Basics

1.  **Upload your logo versions**In the **Logo Versions** card, fill the SVG and PNG slots for dark and light backgrounds with **Upload** (files up to 2MB). Use **Replace** or **Delete** to manage existing files, and add your favicon in its own card.
2.  **Set your primary and secondary colors**In the **Color Palette** card, click a swatch and choose **Set as primary** or **Set as secondary**. The chosen swatches get primary/secondary badges and become the anchor colors for generated creatives.
3.  **Choose your typography**In the **Typography** card, pick a **Primary (Headings)** and a **Secondary (Body)** font. The pickers suggest fonts detected on your own website, so matching your site takes one click.
4.  **Refine identity and tone of voice**The **Brand Identity**, **Tone of Voice** and **Brand Message** cards support **AI Check** when empty and **Edit with Grow** when filled — describe the change, click **Apply**, and Grow rewrites it. Add **Keywords** to round out the verbal identity.
5.  **Check the voice Grow has learned**You don't fill this in. Every time you edit a generated post, email or article, by hand or with **Edit with Grow**, Grow learns how you write and writes the next piece that way. The **Voice Grow has learned** card lists it: **Company** for everyone's shared voice, **Yours** for your own founder posts, emails and outreach. Click **Forget this** on anything that's wrong; **Undo** brings it back.

![Image #2 — Color Palette with primary and secondary designated, Typography pickers and the Edit with AI button](https://doc.checkgrow.com/images/docs/brand-palette-typography.jpg)

## The Design System tab

The **Design System** tab builds a professional design system from your website screenshot and brand — colors, typography, spacing, radius, shadows and more, plus a downloadable spec. Opening the tab also docks a Design Assistant chat for follow-up tweaks.

1.  **Generate it**Click **Generate Design System**. The result is organized into Feel, Colors, Typography, Components (Buttons, Badges, Input, Cards, Stat), Spacing, and Radius & Shadow sections.
2.  **Rebuild when things change**After the first generation the buttons become **Rebuild from website** and **Rebuild from Brand Basics** — use the first after a site redesign, the second after you change Brand Basics.
3.  **Export the spec**Use **Export** to download the design system as a markdown spec you can hand to designers, developers or agencies.

![Image #3 — Generated Design System with the Feel section, colour roles and the rebuild buttons](https://doc.checkgrow.com/images/docs/brand-design-system.jpg)

## Related features

[Campaigns — where your brand shows up in every generated creative](https://doc.checkgrow.com/docs/campaigns)

[Company Profile — the identity record behind the brand](https://doc.checkgrow.com/docs/company-profile)

[Media Library — the images and videos used alongside your brand](https://doc.checkgrow.com/docs/media-library)