Skip to main content

BuildRunKit Brands Module Sub-Section

BuildRunKit Platform: Brands ManagementModule WalkthroughSub-Section

Screenshot 2026-06-05 134230.pngScreenshot 2026-09-16 132847.png

Here is the breakdown of the user flow when navigating, viewing, and managing brand properties within the workspace ecosystem, moving step-by-step through the layout interfaces.Screenshot 2026-09-16 132924.png

1. Navigation Sidebar Initialization

The processBrands beginsmodule onallows theusers platform'sto primaryestablish, left-handmanage, navigationand panel:maintain brand profiles, tone of voice guidelines, and visual identity assets across their business projects.

Metrics Summary Cards

  • Active Tab: TheTotal Brands: menu option is highlighted with a light blue background, indicating it has been selected to openDisplays the brandtotal repository.

    number
of

2. Brands Directory Dashboard

Screenshot 2026-06-05 134317.png

Once inside the directory, the workspace loads a master data table displaying all configuredcreated brand profiles:

profiles
    (e.g.,

    Global Actions: A blue + Create New Brand button anchors the top right corner for deploying brand templates.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 & FilterLayout Utilities:Controls

    Features

      Create New Brand Button: Opens the creation wizard to set up a textnew inputbrand foridentity.

      Search Input Field: Real-time filter to search brand profiles (e.g., "Search brands..." alongside a "Filter by name.).." drop-menu tool.

      TheView 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 RegistryForm Table:Configuration

        Currently

        Screenshot 2026-09-16 132604.png

        lists
        two
        active
        entries under

        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 samefully primaryconfigured name:brand identity.

        Viewing Brand Profile Details

        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:

        • FirstHeader Entry:Actions: TrainingAction &buttons Demoto |Edit Description:the "Trainingprofile, &Export DemoPDF providesfor abrand structuredguideline ecosystem..."sharing, |or CreatedDelete At:the Mar 3, 2026.profile.

        • Second Entry: TrainingLogo & DemoTimestamp |Card: Description:Displays "Trainingthe &uploaded Demobrand provideslogo aimage high-valuealongside education..."the |creation timestamp (e.g., Created At: MarDec 19,23, 2026.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.

          Inline Action Submenu: Clicking the ellipsis (...) tool on a row unrolls an active contextual menu with three administrative routes: View, Edit, and a red-text Delete button.

          3. Brand ProfileKit WorkspacePanel: Overview

          Outlines

          Screenshot 2026-06-05 134832.png

          visual

          Thedesign Brand Profile is a central hub within the platform designed to store, manage, and showcase a company's foundational identity. It ensures that all technical workflows, marketing campaigns, and business documents stay strictly aligned with a unified corporate image.

          Brand Details & Identity

          This section defines the core parameters of the business entity, serving as the strategic reference point for all generated content:standards:

          • Brand Description:Colors: AVisual definitivecolor summaryswatches explainingwith whatexact theHex business does, its operational framework, and how it handles client relationships or projects.

          Brand Voice: The consistent tone, style, and personality used across all company communicationscodes (fore.g., example,Primary keeping#0070F3, languageSecondary strictly#1A1A1A, professionalAccent and avoiding specific forbidden internal terms)#FF6B35).

          Brand Target:Fonts: TheTypography primaryguidelines audience,showing demographic,designated orHeading idealFont customer(e.g., profile the platform's toolsInter) and messagingBody are tailored to reach.

          Visual Asset SpecificationFont (Thee.g., Brand Kit)

          The Brand Kit acts as a visual guide, ensuring that any user-facing asset matches the company's aesthetic requirements:

            Brand Colors: A structured palette containing hexadecimal color codes for consistent interface and asset styling:

              Primary: The dominant color used for primary buttons, headers, and major brand elements.

              Secondary: A supporting shade used for text, background contrast, or neutral structural components.

              Accent: A high-contrast color reserved for call-to-action buttons, notifications, or specific highlights.Inter).

              Brand Fonts:Values ThePanel: typographyDedicated rulessection defined forlisting the ecosystem,saved standardizingcore abrand clean look across both high-level Headingsvalues and readableoperational Body text.principles.

              TheEditing Role ofa Brand ValuesProfile

              InsteadScreenshot 2026-09-16 133254.png

              of

              Clicking lookingEdit atfrom them as operational settings,either the platformbrand treatsaction menu or the Brand ValuesProfile asheader opens the definitiveEdit identityBrand markersinterface, ofpre-populated yourwith company:existing brand parameters for updates:

              • TheLogo CoreUpdate Identity:Area: TheyOption defineto upload a new logo image file or generate one using the unchangingexternal principles, ethics, and beliefs that your brand is built upon.link.

              • TheBasic BlueprintInformation: Editable fields for Trust:Brand TheyName, show clients, partners,Tagline, and your team exactly what your business cares about and how you commit to showing up every single day.Description.

              • TheBrand FoundationVoice & 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 Brand:page Theyto arecommit theand deep-seatedsave standardsall thatupdated give the business its unique personality, making it more than just a list of products or services.changes.

              Back to top