Skip to main content
Your brand guide is a single source of truth for colors, fonts, logo variants, and voice. The AI uses it when generating designs and copy, so everything you ship stays on-brand — without someone manually checking every page.
Before you start: have your logo files and color hex codes handy. If you don’t have them yet, don’t worry — the AI can extract them from an existing site.

​
Where to Find It

Marketing > Branding — account-level guide shared across projects Or Project > Settings > Brand — project-level override for a single site Account-level is usually what you want. Use project-level only when one project needs its own distinct brand (a subsidiary, a client project, etc.).

​
What You Can Configure

Upload variants:
  • Primary — full-color, for light backgrounds
  • Dark mode — inverted or monochrome white, for dark backgrounds
  • Monochrome — single-color, for restricted applications (embroidery, stamping)
  • Icon-only — the mark without wordmark, for favicons and avatars
Use SVG where possible — vector scales crisply. PNG is fine as a fallback; provide 2x and 3x for retina displays.

​
Color Palette

Standard roles:
  • Primary — the main brand color
  • Secondary — a complement
  • Accent — pops on CTAs, alerts, highlights
  • Success / Warning / Error — semantic colors for UI states
  • Neutrals — greys from background to body text
Enter hex values (#F9A825). The guide computes dark/light variations automatically so the AI has a full scale to work with.

​
Typography

  • Heading font — usually a display or semi-bold sans-serif
  • Body font — optimized for reading at small sizes
  • Monospace — for code blocks, tabular data
Pull from Google Fonts (auto-loaded) or upload custom webfonts (.woff2). Pair rarely needs more than 2–3 fonts — more leads to inconsistency. Custom fonts also render in Design Studio exports and AI video renders; see Brand fonts in exports for what a font needs.

​
Voice and Tone

Short, opinionated guidelines the AI uses when writing. Example:
The AI actually uses this. Vague guidelines (“professional but approachable”) produce vague copy. Specific ones (“second person, short sentences, zero exclamation points”) produce on-brand copy.

​
Visual Style

Photography style, illustration style, icon style, the logo rules, and the AI prompt rules. As of 2026-09-12 these are what an image model is told: every branded image generation reads the imagery side of the guide as one brand image profile (identity and adjectives, the full palette with hex codes and gradients, the heading and body fonts for any text in the picture, the photography, illustration and icon lines, the logo rules, and an avoid list built from the forbidden phrases and the don’ts), so a specific photography line (“natural light, real people on real job sites, no studio backdrops”) shows up in the next hero image, not only on the brand page. Two things travel as pictures rather than words: the primary logo, and up to three images from the Media Library that you have tagged brand_reference. Tag the two or three photographs that are the brand’s look and they ride along with the logo on every generated picture. Mood-board images are read by the AI when designing, but are not attached to image generations; the tag is the explicit channel for “this is what we look like”. See The brand image profile.

​
Three Paths

In the project AI:
The AI fills in the guide and offers to generate secondary/accent colors that work with your primary.

​
How the AI Uses It

When you ask the AI to design a page, generate a social post, or draft copy, it automatically pulls:
  • Colors for buttons, backgrounds, accents
  • Fonts for headings and body text
  • The current logo variant (light/dark based on page background)
  • Voice guidelines for any generated copy
  • For a generated image: the whole visual side of the guide plus the primary logo and your brand_reference images, as described under Visual Style
You can reference the brand guide explicitly in a prompt too:
If a design the AI produces doesn’t feel on-brand, it’s usually because the brand guide is vague. Tighten the voice section first (add 3 specific do/don’ts), then tighten the color section (specify which colors to use where — “primary for CTAs only, neutral-900 for body text”). Regenerate.

​
Scope: Account vs. Project

1

Account-level (default)

Set in Marketing > Branding. All projects in the account use this guide by default.
2

Project-level override

In a specific project, go to Settings > Brand and flip Override account brand guide. Now this project uses its own guide.
3

When to override

Use the override when one project legitimately has different branding — a subsidiary, a client site, a microsite for a campaign. Don’t override just to make one-off tweaks; edit the account guide if the change applies everywhere.

​
Test It

1

Save the brand guide

After filling it in, click Save.
2

Ask the AI to design something

In the project AI: “Design a hero section for a landing page”. Review the output.
3

Check the colors

The primary/accent colors should match what you configured. If they don’t, open browser DevTools on the rendered page and check computed styles — the CSS variables (--primary, --accent) should be your hex values.
4

Check the fonts

Headings should use your heading font; body should use body font. If fonts render as system fallbacks, see the troubleshooting below.

​
Troubleshooting

Usually caching. Hard refresh (Cmd+Shift+R / Ctrl+Shift+R). If that doesn’t fix it, redeploy the site — brand guide changes don’t automatically propagate to already-built pages. You may also need to clear the CDN cache in Publishing > Hosting.
Three things to check: (1) the font file uploaded successfully (check Branding > Typography); (2) the @font-face declaration references the right file path; (3) the font format is supported (.woff2 is most compatible). For Google Fonts, just entering the family name should be enough — Hiveku injects the <link> automatically.In a Design Studio export, a font that fails to load falls back to the family’s fallback stack and the export carries a warning naming it; see Brand fonts in exports.
Upload an SVG if you can — it scales perfectly at any size. For raster formats, upload at 2x and 3x the max display size. The browser picks the right one. A 200px logo should have a 400px @2x and 600px @3x variant.
Your voice guidelines are probably too vague. “Friendly, professional” is generic. Instead: “Start sentences with verbs where you can. No exclamation points. Use second person. Avoid jargon like ‘leverage’ and ‘synergy’.” Specific rules produce on-brand output.
Confirm the guide is enabled for the project — Settings > Brand > Enabled. Also try referencing it explicitly in prompts: “Using my brand guide, design X”. If still ignored, one common cause is a project-level override set to empty — check that the override isn’t silently blanking out your account-level guide.

​
What’s Next?

Customer Journey

Apply the brand consistently across journey touchpoints

Content Pillars

Organize social content and keep the voice consistent

Build with AI

Let the AI design on-brand pages for you