A brand set up from a website, with its design tokens, logo and real font files in your project.
About
Reads a website and sets up a brand from it in one step. It extracts the colours, fonts and identity, writes the brand's design tokens and logo, and then downloads the actual font files and logo so designs render with them rather than only naming them. Other pictures and video found on the site are filed with their alt text and source.
By default it crawls the site in a real browser, which also finds self-hosted fonts and logos drawn by JavaScript. When that crawler is not available it falls back to a faster pass over the raw page, which downloads up to two Google Fonts families and leaves the colour tokens unwritten so a later full import is not blocked.
It never overwrites a tokens file that has already been edited, and it only fills the empty parts of the brand's voice and identity. Each download is best-effort: a font that fails does not stop the rest. The full crawl currently runs on the Syvon render service.
- TypeScript
- Headless Chrome
- Google Fonts
Requirements
- Runs with
- Node.js 20 or later
- Operating systems
- windows, macos, linux
- Needs installed
- Chrome (headless), only for the full crawl
- Network
- Fetches the website, its fonts and its logo over the internet.
Costs
- External costs
- None