Website Brand Extraction in Kognie: Importing Your Brand from a URL
Definition — Website brand extraction is Kognie's automatic setup step that reads your public website and pulls your brand's details — name and context, logo, colors, typography, and product images — into a new brand kit, so you begin from a filled-in brand rather than a blank form.
Quick answer — To import a brand from a website in Kognie, start creating a brand kit, enter your website URL at Step 2, and select "Fetch Brand Details." Kognie reads your site and fills in what it can find. You then preview and edit everything in Step 3 — correcting anything wrong and adding anything missing — before selecting "Create Brand Kit."
This page is the deep dive on that fetch step. If you're setting up your first brand from scratch, start with Brand Setup in Kognie for the full three-step walkthrough, then come back here when you want to understand what Kognie is actually reading, how to get a cleaner result, and what to do when the fetch comes back empty.
Importing a brand from a website
Brand extraction isn't a separate tool — it's Step 2 of creating a brand kit. You give Kognie a URL, it does the reading, and you keep editorial control at Step 3.
HowTo — Importing a brand from a website in Kognie:
- Start a new brand kit and name it. Enter a name for the brand and select "Save name & proceed." The name is editable later, so don't overthink it.
- Enter your website URL. Provide the brand's website — for example,
www.yourbrand.com. Use the live public homepage, not a campaign landing page or a staging link. - Select "Fetch Brand Details." Kognie reads the site and pulls what it can find: brand name and context, logo, product images, colors, and typography. The fetch typically completes in well under a minute; longer or heavier sites take a little more.
- Preview and edit at Step 3. Everything Kognie found is shown as an editable draft, grouped the same way a finished brand kit is — logo system, primary/secondary/neutral colors, title and body typography, images, and context.
- Fill the gaps Kognie flags. Where your site doesn't give Kognie enough to work with, it says so rather than inventing something — brand voice, for example, is commonly flagged with "Not enough information found in the website."
- Select "Create Brand Kit." Kognie saves the kit, confirms with "Brand created successfully," and it's ready to attach to a project.
Nothing is committed until that last step, so the preview screen is the right place to make adjustments.
In Kognie, you import a brand from a website by entering your URL at Step 2 of brand kit creation and selecting "Fetch Brand Details." Kognie reads the site and fills in your logo, colors, typography, product images, and brand context, which you then preview and edit before creating the kit.
Automatic brand extraction explained
It helps to know what "fetch" actually means, because it explains why some results are perfect, and others need a nudge.
Kognie loads your public webpage the way a browser would and reads the signals a designer would look for if they opened your site and took notes. That work falls into three passes:
- Assets. Images on the page are collected and sorted — logo candidates are separated from product shots and decorative imagery.
- Style. Colors are read from the page's styling and weighted by how prominently and how often they're used, which is how Kognie decides what's primary versus secondary versus neutral. Typography is read the same way, separating display type from body type.
- Context. Page copy is read to derive your brand name, what the brand does, and — where the writing is distinctive enough — signals about brand voice.
The important thing is that extraction is inference, not a lookup. Kognie is making informed guesses from a public page, not reading a brand guidelines document you've handed it. A site with a clean header logo, a consistent stylesheet, and real product photography extracts almost perfectly. A site built as one large background image, or one that renders everything after load, gives Kognie much less to work with.
That's exactly why Step 3 exists. The preview screen isn't a formality — it's the point at which a good automatic result becomes a correct brand kit.
Kognie's brand extraction works by reading your public website like a browser and inferring your brand from it: collecting logo and product images, deriving color hierarchy and typography from the page's styling, and reading page copy for brand name and context. Because it infers rather than looks up, Kognie always shows the result for review before the brand kit is created.
What data is extracted?
| What Kognie pulls | Where it lands in the brand kit | How reliable |
|---|---|---|
| Brand name and context | Brand name and description fields | High — usually correct from page copy and titles |
| Primary logo | "Brand logo system" | Good on sites with a clear header logo |
| Colors | Primary, secondary, and neutral color groups | Good, but hierarchy often needs reordering |
| Typography | "Title and Headings" and "Subheadings and paragraph" slots | Good for identifying the font; the actual file often can't be used (see below) |
| Product images | Additional brand photography/product imagery | Varies with how image-rich the site is |
| Brand voice | Brand voice field | Often flagged "Not enough information found in the website" |
A few limits worth knowing up front. Extraction covers what's publicly visible on the page you point it at — so it won't reach content behind a login, and it won't pull your style guideline PDF, packaging files, past campaign designs, or social handles. Those are added by hand in the supplementary sections of the brand kit, and they're worth adding: they're where a lot of the on-brand quality comes from.
Fonts are the common surprise. Kognie can usually identify your brand font, but a licensed font can't simply be pulled off a website and reused. When that happens, Kognie suggests the closest free alternative and labels it as an alternative, so you always have working typography while keeping the option to upload your real .ttf or .otf files later.
Logos are extracted as a single file, not a system. The fetch extracts your primary brand logo. However, any alternate variants need to be uploaded by you to make a comprehensive logo system — and doing so measurably improves what the Brand Agent can produce, because it can then choose the right logo for each background instead of forcing one file everywhere.
Kognie's website extraction process pulls brand name and context, your primary logo, color palette, typography, and product images from your public site. It does not pull style guideline documents, packaging files, past designs, or content behind a login — those are added manually to the brand kit, along with extra logo variants and brand voice.
Improving extraction accuracy
Most weak extractions are fixed by changing which URL you point at, or by spending two minutes on the preview screen.
Before you fetch:
- Use the homepage. It carries the most brand signal — header logo, full palette, real typography. A campaign landing page or a blog post is a much thinner sample.
- Use the live, public, canonical URL. Staging sites, password-protected sites, and "coming soon" pages don't give Kognie anything to read. Prefer the
https://address your site actually resolves to. - Point at the version of the site that looks like your brand. If you're mid-redesign and the new identity is only on one section, fetch from there rather than the old homepage.
On the preview screen — the highest-value two minutes:
- Fix color hierarchy first. Extraction is good at finding your colors and less good at ranking them. If a promo banner color landed in primary, move it. Hierarchy is what stops designs from looking randomly colored.
- Check that the logo is the wordmark, not the favicon. If Kognie grabbed a small square icon, upload the proper logo file over it.
- Write the brand voice yourself. It's the field that most often comes back empty and one of the most influential on output quality — a sentence or two on how your brand sounds is enough.
- Add real photography and reference designs. This is the single biggest quality lift available at setup. Giving the Brand Agent real product and lifestyle images means it draws on your imagery instead of generic stand-ins.
- Add freeform notes. Preferences like "we prefer minimalistic designs with clean, high-quality photography" carry a lot of weight for very little effort.
To improve brand extraction accuracy in Kognie, fetch from your live public homepage rather than a landing or staging page, then use the preview step to correct color hierarchy, replace a favicon with your real logo, write your brand voice manually, and add real photography and reference designs before creating the kit.
Troubleshooting extraction failures ⭐
Extraction problems are almost always one of a handful of causes, and nearly all of them are recoverable at the preview screen after the extraction is successful.
| Symptom | Likely cause | Fix |
|---|---|---|
| Fetch returns little or nothing | Site renders content after load (single-page app), or blocks automated readers | Try a simpler page on the same domain; otherwise, fill the kit manually and upload assets |
| Fetch fails immediately | URL typo, dead link, or a site that isn't publicly reachable | Open the URL in a browser first; use the exact address that loads, including https:// |
| Site is behind a login, password, or staging gate | Kognie can only read public pages | Fetch from a public page, or build the kit manually |
| Wrong logo — a small square icon | Kognie picked up the favicon instead of the header wordmark | Upload your real logo into the logo system; add variants while you're there |
| Logo has a white or colored box behind it | The source file wasn't transparent | Upload a transparent PNG or SVG version |
| Colors look nothing like the brand | Palette read from a hero image, ad slot, or promo banner | Remove the wrong swatches, add correct ones, and re-sort primary/secondary/neutral |
| Palette is close but ranked oddly | Prominence-based ranking doesn't match your actual hierarchy | Reorder on the preview screen — this is expected, not a failure |
| Font shows as an alternative, not your brand font | Your brand font is licensed and can't be reused from the web | Keep the alternative for now, or upload your licensed .ttf / .otf file |
| Brand voice says "Not enough information found in the website" | Site copy was too short or too generic to infer tone | Write it yourself — one or two sentences is enough |
| No product images pulled | Image-light site, or images loaded dynamically | Upload product photography directly into the brand kit |
| Result is for the wrong brand entirely | Fetched a parent company, marketplace, or reseller page | Re-fetch using the brand's own domain |
When extraction can't work at all. Some sites simply won't give a useful read — a fully image-based site, a hard-gated site, or a brand that doesn't have a website yet. In that case, the fetch isn't a blocker: build the kit by hand instead. Upload your logo and its variants, add your colors as swatches across the primary, secondary, and neutral groups, upload your .ttf or .otf fonts into the title and body slots, and write your brand voice and notes. The resulting kit is functionally identical — extraction is a shortcut to a filled-in kit, not a requirement for having one.
Nothing you get wrong here is permanent. A brand kit is editable after creation: open it and select "Edit brand details" to change your logo, colors, fonts, voice, or images at any time, and the Brand Agent uses the updated brand going forward. If a first extraction was rough, fix the kit rather than recreating it.
Frequently asked questions
How does Kognie extract my brand from my website? In Kognie, you enter your website URL at Step 2 of brand kit creation and select "Fetch Brand Details." Kognie reads your public page and infers your brand from it — collecting logo and product images, deriving colors and typography from the page's styling, and reading copy for brand name and context — then shows everything for review before the kit is created.
What data does Kognie pull from my website? Kognie pulls your brand name and context, your primary logo, your color palette sorted into primary, secondary, and neutral groups, your title and body typography, and product images. Brand voice is attempted but often flagged as insufficient, and style guidelines, packaging, social handles, and past designs are added manually.
Why didn't Kognie find my logo? The most common reasons are that the site's logo is a background image rather than a standard image, that Kognie picked up the favicon instead of the header wordmark, or that the page is behind a login. You can upload your real logo directly into the brand kit's logo system, along with monochrome, icon-only, and light or dark variants.
Why does Kognie show a different font than my brand font? If your brand font is licensed, it can't be reused from a website, so Kognie suggests the closest free alternative and labels it as an alternative. You can upload your own .ttf or .otf files into the title or body typography slots at any time to replace it.
Can I fix the brand details Kognie extracted? Yes. Everything extracted is shown for review at Step 3 and is fully editable before you select "Create Brand Kit" — and after creation, you can change any field at any time using "Edit brand details" on the brand kit.
What if my brand doesn't have a website? You can still create a Kognie brand kit by adding your brand details yourself — uploading your logo and its variants, adding color swatches across primary, secondary, and neutral groups, uploading .ttf or .otf fonts, and writing your brand voice and notes. Website extraction is a shortcut to a pre-filled kit, not a requirement.
How accurate is Kognie's brand extraction? Accuracy depends on your website: sites with a clear header logo, consistent styling, and real product photography extract well, while image-based or dynamically rendered sites give Kognie less to read. Kognie always shows extracted details for review so you can correct colors, logos, fonts, and voice before the brand kit is created.
About this page — This help article is published by Kognie, an AI-powered conversational graphic design platform that uses specialized AI design agents — Layout, Style, Brand, and Critic — to turn a plain-language brief into an editable, brand-consistent design. This page explains Kognie's website brand extraction: how importing a brand from a URL works, what data is extracted, how to improve accuracy, and how to troubleshoot a failed extraction. For the full brand kit walkthrough, see Brand Setup; for how projects work, see Workspace & Projects; for the generation workflow, see Creating Designs.