Brand Sections
A deep dive into the structured data sections that make up every brand in Brandparser.
Every brand in Brandparser is organized into sections of structured data. Together, these sections form a complete picture of a company's brand identity, ready to use in design, writing, development, and AI workflows.
Section overview
| Section | What it contains |
|---|---|
| Colors | Color palette with hex values, UI role mappings (background, text, headings, links, buttons), and WCAG accessibility contrast data. |
| Typography | Font families, weights, Google Fonts loading tags, and CSS font-family declarations for body and headings. |
| Logos | Logo variants for light and dark backgrounds, delivered as SVG markup or image URLs. |
| Voice & Tone | Voice persona, writing rules, traits with do/don't examples, approved phrases, and forbidden phrases. |
| Images | Photography, illustrations, icons, and product screenshots organized by category, plus image generation prompts. |
| Mission | Mission statement, vision, and core values. |
| Audiences | Target audience segments, personas, and customer challenges. |
| Art Direction | Visual direction and style guidelines for design work. |
| Positioning (North Star) | Value proposition, competitive framing, and positioning statement. |
| Products & Services | What the company offers, with product and service descriptions. |
| Web Toolkit | Frontend toolkit preferences — component libraries, CSS framework, icons, meta-framework, state management, runtime, accessibility target, animation, and coding patterns. Manually configured, not auto-analysed. |
| Audio Preferences | Voice AI providers and voice IDs, music generation preferences, audio asset URLs (jingles, background music, stingers, sound effects), and sound design notes. Manually configured, not auto-analysed. |
Colors
The Colors section maps every extracted color to a specific UI role so you can apply the palette consistently. You get hex values, role assignments (page background, body text, headings, links, buttons), the full palette, and WCAG contrast ratios between color pairs.
Typography
Typography includes the font families and weights used across the site, along with ready-to-use Google Fonts <link> tags and CSS font-family declarations. Fonts are split into body and heading categories so you can drop them straight into your stylesheets.
Logos
The Logos section provides logo variants optimized for both light and dark backgrounds. When logos are available as SVGs, you get the raw SVG markup. Otherwise, you get image URLs with ready-to-use <img> tags.
Voice & Tone
Voice & Tone captures how the brand communicates. This includes a voice persona description, concrete writing rules, voice traits with do and don't examples, and lists of approved and forbidden phrases. The section also generates a ready-to-use LLM system prompt so AI tools can write in the brand's voice immediately.
Images
The Images section organizes extracted visuals into categories: photography, illustrations, icons, and product screenshots. When available, it also includes an image generation prompt you can use with AI image tools to create new on-brand visuals.
Mission
Mission contains the company's mission statement, vision, and core values as extracted from their website content.
Audiences
Audiences identifies the company's target audience segments, including personas and the challenges those customers face. This is especially useful for tailoring copy and campaigns.
Art Direction
Art Direction provides visual style guidelines that inform design decisions. Think of it as the creative brief for how the brand should look and feel across different media.
Positioning (North Star)
Positioning distills the brand down to its core. This includes the value proposition, competitive framing, and a positioning statement that captures what makes the brand distinct.
Products & Services
Products & Services catalogs what the company offers, with descriptions for each product or service extracted from the site.
Web Toolkit
The Web Toolkit section is unique — it is the only section that is not auto-analysed. You configure it manually to tell AI tools exactly which libraries, frameworks, and coding conventions your brand uses. This way, when an AI generates code for your brand, it uses the right component library, CSS framework, icon set, and patterns instead of guessing.
The section covers:
- Frameworks & libraries — meta-framework, component libraries, CSS framework, icon sets, state management
- Runtime & tooling — language (e.g. TypeScript), runtime (e.g. Node 22), package manager (e.g. pnpm)
- Quality & motion — accessibility target (e.g. WCAG 2.2 AA), animation library, reduced-motion preference
- Patterns & references — preferred coding patterns, links to Storybook, Figma, and other tools
Audio Preferences
The Audio Preferences section is manually configured — it is not extracted from a website. Use it to store your brand's audio identity so AI tools and teammates have a clear reference for any project involving sound.
The section covers four areas:
- Voice AI — your preferred text-to-speech providers (such as ElevenLabs or OpenAI TTS), specific voice IDs with the use case for each, and style notes
- Music generation — your preferred music generation tools (such as Suno or Udio), style presets or genres, and any generation guidance
- Audio assets — uploaded MP3 or WAV files, or linked URLs, for jingles, background music, stingers, and sound effects. Audio files you upload are stored in Brandparser and delivered via a hosted URL — you can also link to files already hosted elsewhere.
- Sound design notes — overall style preferences and reference URLs that capture the feel you are going for
Editing sections
On a paid plan, you can manually edit any section to refine or correct the parsed data.
Click to edit
Open any section and click the edit control to enter editing mode.
Make your changes
Update the content as needed. You can modify any field within the section.
Save
Click Save to apply your changes. Your edits are stored as overrides, separate from the original parsed data.
How overrides work
When you edit a section, Brandparser stores your changes as an override rather than replacing the parsed data. This means:
- Edit history is tracked. Every change is recorded in the audit log so you can see who changed what and when.
- You can revert anytime. If you want to go back to the original parsed value, you can revert the override with a single click.
- Re-running analysis preserves your edits. When you re-analyze a brand, only the underlying parsed data is updated. Your manual overrides stay exactly as you left them.
When you re-run analysis on a brand, your manual edits are always preserved. Parsed data and overrides are stored separately.
Using sections with AI tools
Every brand section is available through the Brandparser MCP server and REST API. When you connect an AI tool like Claude, ChatGPT, or Cursor, it can pull the exact section data it needs for the task at hand.
For setup instructions and recommended workflows, see Using Connectors.