Home / Features / Collection from Website

Collection from Website

Point it at a website. Get a brand kit.

Paste a URL and Pocket CVI builds the kit for you — colors named by role, logos hunted at their highest resolution, the site's real webfonts, a full-page screenshot, and with your AI key, even the brand's officially published guidelines.

northaven.com
Collect brand colors8 · role-named
Download logosvector first
Fetch fontsreal webfonts
Find official brand guides✨ found
Write brand description✨ written
Create the collection

What one URL gets you

  • Colors, named by role — read from the site's actual styles and a rendered snapshot, curated into a palette, with names like Theme, Background, and Heading where the site declares how it uses them.
  • Logos at their best resolution — Pocket CVI hunts beyond the favicon: vector marks first, then the sharpest transparent bitmaps it can find.
  • The real webfonts — pulled from the site's stylesheets, with WOFF files converted into installable TTFs and validated before they enter the kit.
  • A full-page screenshot — filed into the collection's Documents as the visual record of what the import saw.
  • An import receipt — the collection's notes document exactly what was found, from which URLs, and just as honestly, what wasn't.

You choose what to import

An Include list on the import form lets you take everything or just the parts you want — colors, logos, fonts, and the AI extras. A live checklist shows every step as it runs, and it's honest: a step that comes up empty gets a red cross, never an unearned checkmark.

Website collections also get a refresh button on their title. Re-fetch the site any time and choose Merge, Replace, or Create New — with the same Include choices.

The official brand guide, found for you

With a Claude or ChatGPT key connected, the import searches the web for the guidelines the brand itself has published — brand manuals, design guides, press-kit style guides. Real PDFs are downloaded and filed into Documents; if the brand keeps its guidelines as an online portal, that link is captured instead.

The most credible find is surfaced as the Official Brand Guide — a banner at the top of the collection, one click from the source of truth. And once found, it survives every re-import.

A brand description, written for you

Also with an AI back-end (a Claude or ChatGPT key, or your own local model): the AI reads the import's signals — the palette, the typefaces, the site's own words — and writes a proper brand description straight into the collection's CVI notes, clearly marked as AI-written and free to edit.

FAQ

Do I need Pro to import a website?

No. Colors, logos, fonts, and the screenshot come from good old scraping and are free forever. Pro plus an AI back-end (a Claude or ChatGPT key, or your own local model) adds the extras: the written brand description — and, on Claude or ChatGPT, the web search for official guidelines.

Where do the imported colors come from?

From the site's actual CSS styles and a rendered full-page snapshot, curated into a palette and pinned to sRGB — so the same site yields the same colors on every Mac.

Can I re-import a site later?

Yes — website collections get a refresh button on their title. Choose Merge to add only what's new, Replace to rebuild, or Create New to keep both. A previously found official brand guide is never lost to a re-import.

Related guides

Try it yourself

Download Pocket CVI