BuildRunKit Brands Module Sub-Section

Brands Module Sub-Section 
 
 
 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 
 
 
 
 
 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 ). 
 
 
 
 
 Search & Layout Controls 
 
 
 
 
 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. 
 
 
 
 
 Brand Profiles List 
 
 
 
 
 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 . 
 
 
 
 
 Create New Brand Form Configuration 
 
 
 
 
 
 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. 
 
 
 
 
 Viewing Brand Profile Details 
 
 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 & 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 
 
 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 & Audience Adjustments : Selectable buttons and input fields to update tone options or refine target audience categories. 
 
 
 Core Values & 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.