Skip to main content
Brand Kit auto-fill from website URL

Brand Kit auto-fill from website URL:
your brand, learned in 30 seconds.

Brand Kit auto-fill from website URL takes any site address and reads the brand off it: colors, logo, fonts and tone signals, pre-filled before you touch a form. What is otherwise a five-minute setup screen becomes one paste and a save button.

By Tayyab, Founder

Available onOn every plan, Free included

Brand Kit auto-fill reads your website URL for colors, logo, and voice samples in about 30 seconds, cutting brand setup from 5 minutes of manual entry to one paste. Included on every plan, Free included.

One paste, your whole brand identity

Open the Brand Kit setup tab. Drop your website URL into the single field at the top. Hit auto-fill. We do the rest:

  • Fetch the live page at the URL you pasted (with redirects honored, paywalls respected).
  • Read the page and its own stylesheets, the HTML plus the CSS your site ships with it, so your brand colors are found even when the site only declares them in CSS variables or on its buttons and headings.
  • Extract the assets, colors, fonts, logo URL, Open Graph metadata, sample copy from the hero section.
  • Pre-fill the Brand Kit form , every field that has a sensible value gets filled in. You see exactly what was detected before you save.

Total time from paste to saved brand kit: typically under 30 seconds. You can edit any field after auto-fill, auto-fill is a head start, not a contract.

What gets detected: brand colors

The color extractor looks in two places, in order:

  1. Brand pictures, the theme color the page declares, its Open Graph image, its logo and its favicon. A clear brand color there wins.
  2. The page's own CSS, when the pictures carry no brand color (a site built from type and color often has none), we read its stylesheets: the colors it names for a role, like a primary, brand or accent variable, then the colors of its banners and of its buttons, links and headings.

The output is your Brand Kit's primary, accent, and background colors. Rendered carousels, OG images, and overlay templates start using them on the very next generation.

What gets detected: logo and typography

Two more high-leverage detections happen in the same pass:

  • Logo, we pull the most likely logo image (from <link rel="icon">, the navbar logo slot, or the OG image fallback) and stage it in your Media Library so the carousel maker and Image Studio can apply it to every generated visual.
  • Brand fonts, the typography pass identifies your headline and body fonts (Google Fonts and the common system stacks) and saves them to the Brand Kit. The carousel maker, OG image renderer, and PDF exporter all consume them.

What gets detected: tone and voice signals

Brand voice is the field new users skip the most often, and the field that has the biggest effect on output quality. Auto-fill gives the LLM a head start by pulling sample copy from the hero section, the about page (if reachable from the homepage), and recent blog post titles:

  • Hero copy becomes the first “voice reference” in your Brand Kit, short, on-brand, written deliberately.
  • About-page copy (when present) becomes the second voice reference, usually a longer, more narrative example of how you talk about yourself.
  • Detected vocabulary, proper nouns and product names that appear repeatedly get added to your preserve-terms list so the AI never substitutes them away.

What you do AFTER auto-fill

Auto-fill gets the Brand Kit to ~80% accuracy in ~30 seconds. The last 20% is your call:

  • Confirm the colors. The UI shows three to five candidate colors with a swatch preview. Pick or remove any.
  • Tighten the voice references. Edit the auto-pulled samples or paste your own (your best post, your favorite paragraph from a newsletter, anything that reads unmistakably as you).
  • Add forbidden terms. Auto-fill doesn't guess these, competitor names, off-limits topics, tone you actively avoid.

Save once. Every future generation, every carousel, every OG image, every repurpose run pulls from this Brand Kit. You set it up once and the platform applies it everywhere, forever.

Why this is the highest-leverage onboarding feature

Drift's closed-loop AI compounds over time, but only if it has something to compound around. A new user who skips Brand Kit gets generic posts that sound like every other LLM's output. A new user with a 30-second auto-filled Brand Kit gets posts that already read like their voice on day one, and the closed-loop signal then tunes those further.

The longest a brand kit takes to set up by hand is ~5 minutes and half of new users skip it. Auto-fill removes that drop-off. Net effect on the activation funnel: cold visitor lands on /, generates a sample post, signs up, pastes their URL, sees branded output the AI knows is theirs, all inside the first 90 seconds.

What we DON'T scrape

The auto-fill route is read-only and respects standard web conventions:

  • No paywall bypass. If the page returns a 401/403/paywall, we extract what's public and tell you what we couldn't reach.
  • No login-walled pages.We only fetch what an unauthenticated browser would see.
  • No deep crawl. We fetch the URL you pasted plus, optionally, the linked About page. We don't recursively crawl the rest of your site.
  • No third-party share. The scraped content is stored only in your account's Brand Kit. We never use it to train any cross-customer model.

We score whether the Brand Kit actually got applied

A Brand Kit is only worth filling in if the renderer honours it, and for a while ours did not. In July 2026 a customer told us they could not see their brand in the output. They were right, and we could prove how right by scoring it: we run every render against the brand it was supposed to use and measure how much of the brand actually landed.

Re-running the same scorer over the same brands, before and after the engine rebuild on 29 July 2026:

  • Mean brand fidelity 0.468 to 0.791. Same scorer, same brands, only the renderer changed.
  • Pass rate 44% to 90%. The share of renders that carried enough of the brand to count.
  • One gym brand went 0.001 to 0.827. At 0.001 every card came out in the product's indigo and the brand's own primary colour was absent from all eight.

The score now runs in the live quality gate, so a render that loses the brand is flagged rather than quietly shipped. We are publishing the before-number as well as the after-number because a number with nothing to compare it against is not evidence.

FAQ

Frequently asked questions

Which platforms integrate brand kits into editorial briefs and auto-populate tone instructions for writers?

Content Drifter does: Brand Kit auto-fill reads your website URL in about 30 seconds and fills in your voice, tone and topics to cover or avoid, and the generation code then applies that Brand Kit as hard constraints to every post, campaign, repurposed article and carousel the AI drafts (checked in our generation code, October 2026). It drafts the post for you rather than handing a brief to human writers, so tone instructions stay inside Content Drifter and are not pushed to a separate editorial tool.

How does Brand Kit auto-fill work?

Paste your website URL during onboarding or in Brand Kit settings. Content Drifter fetches your public page metadata, pulls your primary colors, logo, and voice samples (real copy from your pages), and pre-fills your brand profile for you to review and edit.

Which plan includes Brand Kit auto-fill?

Brand Kit auto-fill is included on every plan, Free included. It fills the Brand Kit your plan has: logo, colors, voice and topics on every plan, and on Lite and up the full kit, which adds image art direction, gradients and promo overlays. Each workspace keeps its own Brand Kit, from 1 workspace on Free to 15 on Agency.

Can I edit auto-filled brand details?

Yes. Every auto-filled field is editable: voice, audience, hashtag style, forbidden words, sample posts, and custom AI instructions. Auto-fill is a starting point, not a lock-in.

Does Brand Kit affect image generation?

Yes, automatically. Designed graphics and carousel slides use your Brand Kit colors and fonts (and your logo on supported designed layouts). Photos made with AI help are steered toward your brand palette, with your logo available as an optional watermark, so visuals match your site without opening Canva.

Ready to try it?

Start for free and upgrade as you grow. No credit card required.