Setup Brand Kit : Website Scraper
The Brand Kit Web Scraper automatically extracts your brand’s styles like fonts, colors, logos, and button designs directly from your website. This helps us build your Brand Kit faster by analyzing how your brand is represented online.
Note
This process is automated, and websites use different structures and technologies. Some results may be partial, approximate, or require manual refinement.
Elements Included in Your Brand Kit Scan
It started with scanning heading and body text to capture font families, sizes, weights, and colors for consistent brand typography. Below table defines what web scrapper captures and its expected behavior.
| Element | What It Captures | Details |
|---|---|---|
| Fonts and Text Styles(Typography) | Headings (H1–H4) and body text | Captures font family, size, weight, line height, spacing, and text color. If a Google Font is detected, a Google Fonts link is generated for reuse. |
Not Included in the Typography Scan
- System fonts that do not have downloadable links.
- Complex font setups like, Adobe Typekit, custom hosted fonts may not resolve correctly.
- If a website removes or changes a font, the stored link in the Brand Kit may break.
It identifies and extracts logo images from key website areas like headers, navigation, and footers. Below table defines what web scrapper captures and its expected behavior.
| Element | What It Captures | Details |
|---|---|---|
| Logos | Logo images from your website | Detects images tagged/named “logo” and checks header, navigation, and footer areas. |
Not Included in the Logo Scan
- Logos embedded as background images or inline SVGs may not be captured.
- Some false positives may appear, like, logos from client carousels.
- Inline Scalable Vector Graphics(SVG) logos are intentionally excluded.
- Images with a
.webpextension may not render properly in email campaigns.
It collects and maps frequently used text, background, and link colors to define your primary brand palette. Below table defines what web scrapper captures and its expected behavior.
| Element | What It Captures | Details |
|---|---|---|
| Color Palette | Website colors | Collects all visible text, background, border, and link colors. Generates a frequency map to highlight commonly used (likely brand) colors. |
Not Included in the Color Palette Scan
- It captures all colors, including temporary states (hover, disabled) and third-party widget colors.
- Manual filtering is required to isolate brand colors.
It detects button designs and classifies primary, secondary, and tertiary styles based on usage and prominence. Below table defines what web scrapper captures and its expected behavior.
| Element | What It Captures | Details |
|---|---|---|
| Button Styles | Website button designs | Detects <button> and <a class="btn"> elements and extracts text, font, color, border, and background styles. Buttons are scored to identify primary, secondary, and tertiary styles. |
Not Included in the Button Style Scan
- Hover, focus, and disabled states are not captured.
- Size-based variations like small/large buttons may not be distinguished.
- Some properties like padding, shadows, transitions are not included.
Updated about 1 hour ago