How to use
01
Detect the assets
Paste the site URL and click Detect assets. You see the chosen logo and where it came from, the OG image, and how many icon files the page and its manifest declare.
02
Choose the contents
Tick what the ZIP should hold: logo, PNG copy of an SVG logo, icons, OG image, color files, fonts.txt and brand-sheet.html. Untick anything you already have.
03
Download the ZIP
Click Download brand pack ZIP to save hostname-brand-pack.zip. The README.txt inside lists every file and the links of any image whose host blocked the download.
Why Brand Asset Pack Downloader
- Prefers the real logo (schema, inline SVG, header image) over the social card.
- Collects favicons, apple-touch-icons and web app manifest icons.
- Colors and fonts come from the site's stylesheets, with palette files for design apps.
- A one-page brand sheet, built in your browser.
What is in the brand asset pack
Every file in the ZIP comes from something the website publishes. The table shows where each file comes from and the format to expect, so you know what to check before sending the pack to a designer.
| File | Where it comes from | Format |
|---|---|---|
| logo.* | schema.org logo, inline SVG in the header, header image named logo, apple-touch-icon or og:image, first found | SVG, PNG, JPG or WebP as published |
| logo-1024.png | Drawn from the SVG logo in your browser | PNG, 1024 px on the longest side |
| icons/ | Every icon, apple-touch-icon and mask-icon link, plus web app manifest icons | ICO, PNG or SVG |
| og-image.* | The og:image meta tag | Usually JPG or PNG |
| colors.json and colors/ | theme-color and the 12 most used colors in the site's CSS | JSON, CSS, GPL, ASE and SVG |
| fonts.txt | Every font family in the CSS, with its source | Plain text |
| brand-sheet.html | Summary of the logo, colors and fonts | Web page |
| README.txt | Source URL, date, file list and any blocked links | Plain text |
Common questions
What files are in the brand asset pack ZIP?
Depending on your checkboxes: the logo, logo-1024.png when the logo is an SVG, an icons folder, og-image, colors.json and a colors folder with palette.css, palette.gpl, palette.ase and swatches.svg, fonts.txt and brand-sheet.html. A README.txt with the source URL, the date and the file list is always included.
How does the brand asset pack choose the logo?
It takes the first match in this order: the schema.org logo, an inline SVG inside an element named logo or in the header home link, a header image with logo in its name, the apple-touch-icon, and finally the og:image. The detect step shows which one it picked, so you can run the Logo Extractor if you want to choose from all candidates.
Why are some images missing from my brand asset pack?
Your browser downloads each image straight from the site, and some image hosts do not allow that from other websites. SVG files still come through, but blocked PNG, JPG or ICO files are left out. Their links are listed in README.txt so you can open and save them by hand.
What colors end up in the asset pack's colors.json file?
The theme-color meta tag, if the page has one, plus the 12 colors used most often across the site's stylesheets and inline styles, fully opaque colors only. If the stylesheets cannot be read, the pack falls back to the hex codes in the page HTML, and colors.json says which source was used.
How does the brand asset pack detect fonts for fonts.txt?
It lists every font family found in the site's stylesheets with its source, such as Google Fonts, Adobe Fonts or self-hosted @font-face, and how often it is used. Families linked from Google Fonts in the HTML are added too. Icon fonts such as Font Awesome are left out.
Can I open the asset pack colors in Photoshop or Illustrator?
Yes. The colors folder includes palette.ase, an Adobe Swatch Exchange file you can load into the Swatches panel of Photoshop, Illustrator or InDesign. palette.gpl opens in GIMP and Inkscape, palette.css goes into a stylesheet, and swatches.svg drops into Figma or a slide.
What is the brand-sheet.html file in the asset pack?
A one-page summary with the site name and description, the logo, color swatches with hex codes, and the font list. Open it in any browser to share it or print it to PDF. It shows the logo file from the same ZIP, so keep them in one folder.
Can I download brand assets from a competitor's website?
Yes, everything comes from what the site already shows to every visitor, so building a research pack is fine. Using the assets is a separate question: logos and images still belong to their owner, so keep packs for research and internal pitch work.
Is the brand asset pack built on a server or in my browser?
The page HTML and stylesheets are fetched through our server, because browsers cannot read other sites' pages directly. Images are downloaded by your browser and the ZIP is assembled in your browser. Nothing is stored, so the pack only exists in your downloads folder.