When you paste your website URL into Dev Decks, the first thing that happens is brand extraction. The agent visits your site, analyzes its visual identity, and pulls out the elements that make your brand recognizable — colors, fonts, logo, and tone. This guide explains how that process works, what to do when it misses something, and how to get the best results.
How Brand Extraction Works
Dev Decks opens your website and examines several layers of information:
Visual assets. The agent identifies your logo from common placement patterns — typically the header or navigation bar. It downloads the image and places it on your slides automatically.
Color palette. Your site's CSS is analyzed to extract primary, secondary, and accent colors. The agent looks at background colors, button colors, heading colors, and link colors to build a cohesive palette. These colors become the foundation of every slide in your deck.
Typography. The font families used on your site — headings and body text — are detected and mapped to the closest available web fonts. If your site uses a custom font that is not widely available, the agent selects the nearest match from standard font libraries.
Brand voice. The agent reads your homepage copy, About page, and product descriptions to understand your tone. Is your brand formal or conversational? Technical or accessible? This analysis influences how the agent writes slide content — matching your existing voice rather than imposing a generic one.
What Happens When Extraction Misses Something
Brand extraction is not perfect. Some websites make it harder than others:
- Single-page apps with client-rendered content may not expose enough HTML for the agent to analyze
- New or minimal sites with a single landing page may not have enough brand signals
- Password-protected or staging sites cannot be accessed by the agent
When extraction misses an element, you have full control to override it in the chat. The agent will tell you what it found and ask if everything looks right before generating slides.
Manual Overrides in the Chat
You can adjust any brand element by telling the agent directly:
- "My primary brand color is #1A73E8, not the green you picked up"
- "Use Inter for headings and Source Sans Pro for body text"
- "The logo you found is an old version — use the one at example.com/logo-2026.svg"
- "Our tone should be more technical and precise, less casual"
These overrides apply to all slides going forward. The agent remembers your corrections for the duration of the session, so you only need to specify them once.
Tips for URLs That Work Best
Use your production website. Staging sites, localhost URLs, and password-protected pages will not work. The agent needs a publicly accessible URL.
Make sure your logo is in the HTML. If your logo is rendered entirely in JavaScript after page load, the agent may not detect it. Logos in standard <img> tags or <svg> elements in the header work best.
Have at least two pages of content. A homepage with a hero section gives the agent enough to extract colors and tone. An About page or product page provides additional voice signals. More content means more accurate extraction.
Check your meta tags. Open Graph images, favicon references, and meta descriptions all provide additional brand signals. If your site has well-structured meta tags, extraction will be more accurate.
What Gets Applied to Your Slides
After extraction, every slide in your deck inherits:
- Your logo positioned consistently across slides
- Your color palette applied to backgrounds, headings, accents, and data visualizations
- Your fonts for headings and body text
- Your brand voice influencing how the agent writes content
This means your deck looks like it belongs to your company from the first draft. You do not need to manually apply colors or drag your logo onto each slide — it is all automatic.
When to Skip Brand Extraction
If you are building a deck for a company that does not have a website yet — a brand-new startup, for example — skip the URL step entirely. Instead, describe your brand in the chat:
"We are a fintech startup targeting CFOs. Our brand is professional, clean, and data-focused. Use navy blue and white as primary colors with a sans-serif font."
The agent will build a brand identity from your description and apply it consistently across your deck.
Ready to see brand extraction in action? Head to devdecks.ai/try and paste your URL to get started.
When you paste your website URL into Dev Decks, the first thing that happens is brand extraction. The agent visits your site, analyzes its visual identity, and pulls out the elements that make your brand recognizable — colors, fonts, logo, and tone. This guide explains how that process works, what to do when it misses something, and how to get the best results.
How Brand Extraction Works
Dev Decks opens your website and examines several layers of information:
Visual assets. The agent identifies your logo from common placement patterns — typically the header or navigation bar. It downloads the image and places it on your slides automatically.
Color palette. Your site's CSS is analyzed to extract primary, secondary, and accent colors. The agent looks at background colors, button colors, heading colors, and link colors to build a cohesive palette. These colors become the foundation of every slide in your deck.
Typography. The font families used on your site — headings and body text — are detected and mapped to the closest available web fonts. If your site uses a custom font that is not widely available, the agent selects the nearest match from standard font libraries.
Brand voice. The agent reads your homepage copy, About page, and product descriptions to understand your tone. Is your brand formal or conversational? Technical or accessible? This analysis influences how the agent writes slide content — matching your existing voice rather than imposing a generic one.
What Happens When Extraction Misses Something
Brand extraction is not perfect. Some websites make it harder than others:
- Single-page apps with client-rendered content may not expose enough HTML for the agent to analyze
- New or minimal sites with a single landing page may not have enough brand signals
- Password-protected or staging sites cannot be accessed by the agent
When extraction misses an element, you have full control to override it in the chat. The agent will tell you what it found and ask if everything looks right before generating slides.
Manual Overrides in the Chat
You can adjust any brand element by telling the agent directly:
- "My primary brand color is #1A73E8, not the green you picked up"
- "Use Inter for headings and Source Sans Pro for body text"
- "The logo you found is an old version — use the one at example.com/logo-2026.svg"
- "Our tone should be more technical and precise, less casual"
These overrides apply to all slides going forward. The agent remembers your corrections for the duration of the session, so you only need to specify them once.
Tips for URLs That Work Best
Use your production website. Staging sites, localhost URLs, and password-protected pages will not work. The agent needs a publicly accessible URL.
Make sure your logo is in the HTML. If your logo is rendered entirely in JavaScript after page load, the agent may not detect it. Logos in standard <img> tags or <svg> elements in the header work best.
Have at least two pages of content. A homepage with a hero section gives the agent enough to extract colors and tone. An About page or product page provides additional voice signals. More content means more accurate extraction.
Check your meta tags. Open Graph images, favicon references, and meta descriptions all provide additional brand signals. If your site has well-structured meta tags, extraction will be more accurate.
What Gets Applied to Your Slides
After extraction, every slide in your deck inherits:
- Your logo positioned consistently across slides
- Your color palette applied to backgrounds, headings, accents, and data visualizations
- Your fonts for headings and body text
- Your brand voice influencing how the agent writes content
This means your deck looks like it belongs to your company from the first draft. You do not need to manually apply colors or drag your logo onto each slide — it is all automatic.
When to Skip Brand Extraction
If you are building a deck for a company that does not have a website yet — a brand-new startup, for example — skip the URL step entirely. Instead, describe your brand in the chat:
"We are a fintech startup targeting CFOs. Our brand is professional, clean, and data-focused. Use navy blue and white as primary colors with a sans-serif font."
The agent will build a brand identity from your description and apply it consistently across your deck.
Ready to see brand extraction in action? Head to devdecks.ai/try and paste your URL to get started.