# BuildRunKit Brands Module Sub-Section

**Brands Module Sub-Section**

**[![Screenshot 2026-09-16 132847.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-16-132847.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-16-132847.png)**

**[![Screenshot 2026-09-16 132924.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-16-132924.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-16-132924.png)**

The **Brands** module allows users to establish, manage, and maintain brand profiles, tone of voice guidelines, and visual identity assets across their business projects.

#### **Metrics Summary Cards**

<div _ngcontent-ng-c3108543318="" class="container" id="bkmrk-total-brands%3A-displa"><div _ngcontent-ng-c3262731227="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Total Brands**: Displays the total number of created brand profiles (*e.g., 1*).
- **With Logo**: Tracks brand profiles containing an uploaded logo image (*e.g., 0*).
- **With Brand Kit**: Tracks profiles configured with a complete visual style kit (*e.g., 1*).

</div></div>#### **Search &amp; Layout Controls**

<div _ngcontent-ng-c3108543318="" class="container" id="bkmrk-create-new-brand-but"><div _ngcontent-ng-c3262731227="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Create New Brand Button**: Opens the creation wizard to set up a new brand identity.
- **Search Input Field**: Real-time filter to search brand profiles (*e.g., "Search brands..."*).
- **View Toggles**: Switches data display between **Table** view and **Grid** view.

</div></div>#### **Brand Profiles List**

<div _ngcontent-ng-c3108543318="" class="container" id="bkmrk-brand-column%3A-displa"><div _ngcontent-ng-c3262731227="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Brand Column**: Displays the brand name.
- **Description Column**: Displays the short summary or mission statement.
- **Created At Column**: Timestamp showing when the profile was generated (*e.g., Dec 23, 2025*).
- **Action Menu**: Context menu (`...`) offering profile management choices: **View**, **Edit**, and **Delete**.

</div></div>#### **Create New Brand Form Configuration**

**[![Screenshot 2026-09-16 132604.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-16-132604.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-16-132604.png)**

<div _ngcontent-ng-c3108543318="" class="container" id="bkmrk-logo-upload%3A-image-u"><div _ngcontent-ng-c3262731227="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Logo Upload**: Image upload area supporting JPG, PNG, GIF, and WebP formats (max 5MB), plus a link to assist with logo creation.
- **Basic Information**: Form fields for **Brand Name**, **Tagline**, and a detailed **Description**.
- **Brand Voice**: Selectable personality cards (**Friendly**, **Professional**, **Innovative**, **Luxurious**, **Playful**) or custom voice input field.
- **Target Audience**: Multi-select tags for audience groups (*e.g., Entrepreneurs, Small Business Owners, Startup Founders, Marketing Professionals*) or custom audience entry.
- **Core Values**: Selection cards for up to 5 core principles (*e.g., Innovation, Integrity, Excellence, Sustainability, Creativity*) or custom value inputs.
- **Brand Kit**: Color palette fields (**Primary**, **Secondary**, **Accent Color** with integrated color picker links) and typography settings (**Heading Font** and **Body Font**).
- **Create Brand Profile Button**: Submits and saves the fully configured brand identity.

</div></div>#### **Viewing Brand Profile Details**

**[![Screenshot 2026-09-16 133108.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-16-133108.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-16-133108.png)**

When selecting **View** from a brand's action menu, the **Brand Profile** detailed view displays the saved identity assets and configuration:

- **Header Actions**: Action buttons to **Edit** the profile, **Export PDF** for brand guideline sharing, or **Delete** the profile.
- **Logo &amp; Timestamp Card**: Displays the uploaded brand logo image alongside the creation timestamp (*e.g., Created At: Dec 23, 2025*).
- **Brand Details Panel**: Summarizes key strategic messaging:
    
    
    - **Brand Description**: Overview of the business background and mission.
    - **Brand Voice**: Selected tone guidelines for marketing and communication.
    - **Brand Target**: Defined target audience and buyer personas.
- **Brand Kit Panel**: Outlines visual design standards:
    
    
    - **Brand Colors**: Visual color swatches with exact Hex codes (*e.g., Primary #0070F3, Secondary #1A1A1A, Accent #FF6B35*).
    - **Brand Fonts**: Typography guidelines showing designated **Heading Font** (*e.g., Inter*) and **Body Font** (*e.g., Inter*).
- **Brand Values Panel**: Dedicated section listing the saved core brand values and operational principles.

#### **Editing a Brand Profile**

**[![Screenshot 2026-09-16 133254.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-16-133254.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-16-133254.png)**

Clicking **Edit** from either the brand action menu or the Brand Profile header opens the **Edit Brand** interface, pre-populated with existing brand parameters for updates:

- **Logo Update Area**: Option to upload a new logo image file or generate one using the external link.
- **Basic Information**: Editable fields for **Brand Name**, **Tagline**, and **Description**.
- **Brand Voice &amp; Audience Adjustments**: Selectable buttons and input fields to update tone options or refine target audience categories.
- **Core Values &amp; Visual Kit**: Modify core brand value tags, color hex values (**Primary**, **Secondary**, **Accent**), and typography selections (**Heading Font**, **Body Font**).
- **Save Brand Profile Button**: Blue action button at the bottom of the page to commit and save all updated changes.

<div _ngcontent-ng-c3108543318="" class="container" id="bkmrk--5"><div _ngcontent-ng-c3262731227="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" id="bkmrk--6" inline-copy-host=""></div></div>