Website Brand Kit Extractor – Logo, Colors, Fonts

Get any company's brand kit from its website in one call: logo (including inline SVG), favicon and app icons, primary / secondary / accent colours, button, background and text colours, CSS colour tokens, heading and body fonts (Google Fonts, self-hosted or Adobe), social profiles and the web-app manifest.

It reads the page HTML and its stylesheets, so colours and fonts come from what the site actually uses — not from a screenshot guess. No browser, so it is fast and cheap: $1.50 per 1,000 websites.

What you can use it for

• Personalised outreach and mockups: put a prospect's logo and colours into a proposal, landing page or demo.
• Onboarding / white-label apps: pre-fill a customer's brand theme from their domain.
• Design systems and Tailwind themes: pull CSS colour tokens (--brand-primary, --color-accent…) ranked by usage.
• Competitor and market research: compare palettes and typography across hundreds of sites.
• CRM and lead enrichment: add logo, brand colour and social links to company records.
• AI agents: give an LLM a structured brand profile instead of raw HTML.

Output (one row per website)

Field	Example
brandName	Shopify
logo	best logo URL (JSON-LD, header <img>, manifest icon, apple-touch-icon, favicon — in that order)
logoSvg	inline <svg> markup when the header logo is drawn in SVG
logoCandidates	all candidates with source, format and pixel size
primaryColor, secondaryColor, accentColor	#11352d, #244749, …
buttonColor, backgroundColor, textColor	most used call-to-action, page background and text colours
brandColors	ranked palette: hex, rgb, hsl, share of use, roles (background, text, border, button, token), number of shades merged
neutralColors	whites, greys and blacks used by the site
declaredColors	colours the owner declared: theme-color, manifest theme_color, msapplication-TileColor, Safari mask-icon
colorTokens	CSS custom properties holding colours, with usage counts
headingFont, bodyFont	GT-Walsheim-Regular, Inter
headingFontSource, bodyFontSource	google-fonts, self-hosted, system, …
googleFonts, customFonts, fontFaces	families, weights and font file URLs
socialProfiles	LinkedIn, X, Instagram, Facebook, YouTube, GitHub…
manifest	name, short name, theme/background colour, icons
favicon, appleTouchIcon, ogImage	icon and social-share image URLs

Dataset views: Brand kit, Colour palette, Typography, Logos, icons & social.

Example (shortened)

{
  "url": "https://apify.com",
  "brandName": "Apify",
  "logo": "https://apify.com/img/apify-logo/apify-symbol-200x200.svg",
  "primaryColor": "#246dff",
  "headingFont": "GT-Walsheim-Regular",
  "bodyFont": "Inter",
  "headingFontSource": "self-hosted",
  "brandColors": [{"hex": "#246dff", "rgb": [36, 109, 255], "hsl": [220, 100, 57], "share": 0.05, "roles": ["token", "background"], "shades": 3}],
  "colorTokens": [{"name": "--color-primary-action", "value": "#246dff", "uses": 41}]
}

How colours are ranked

1. Every colour in inline <style>, style="" attributes and up to 8 linked stylesheets (plus @import) is counted by where it is used. Button / call-to-action rules weigh 3×, headings 1.5×, plain text colour 0.6×.
2. Colours behind CSS variables are weighted by how often var(--token) is used.
3. Code samples (<pre>, <code>, syntax-highlighting themes) are ignored, so a dark code block does not become "the brand colour".
4. Near-identical shades are merged; whites, greys and blacks go to neutralColors.
5. Colours the site declares (theme-color, manifest) are ranked first when they are colourful.

Input

• Websites – list of URLs or bare domains. Home pages give the best results.
• Check logo files (default on) – verifies each logo/icon and reports format and size.
• Include inline SVG logo, Include CSS colour tokens – on by default.
• Max brand colours (8), Max stylesheets per site (8).
• Advanced: concurrency, per-site politeness, timeouts, retries, robots.txt, User-Agent, proxy.

Empty input runs a small demo on apify.com and shopify.com.

Pricing

Pay per event: $0.0015 per website with ok: true ($1.50 / 1,000). Failed URLs (network errors, 4xx/5xx, robots.txt, bot challenges) are written to the dataset but not charged. The run respects your Maximum cost per run and stops cleanly when it is reached.

Limits

• Sites that build all styles in JavaScript at runtime (CSS-in-JS with no stylesheet) or block bots may return few colours or fonts; the row then has a note.
• Font names are the CSS family names the site uses (e.g. sohne-var), which can differ from the marketing name.
• Logos and fonts are trademarks of their owners; use the output for analysis, outreach and internal tools, not to impersonate a brand.