BrandFetch

A Chrome extension and a companion Figma plugin. The extension collects a partner's brand from their website (logos, colours, fonts, icons, social posts and emails), and the plugin builds a ready-to-use Brand Reference page in Figma. Version 2.0.2 passed the company's security review.

Every partner-branded project, whether for a cruise line, a hotel or a credit union, began the same way: hunting for logos, eyedropping colours and guessing fonts.

Gathering assets could take longer than the first design, and every designer ended up with a slightly different kit. The real problem was a missing step in the workflow, not a lack of effort.

• One click from a partner's website to a brand kit
• Lose nothing: every distinct colour and every font file
• Pass a security review, so the team could actually use it

1. Start where the work starts

   Designers begin on the partner's website, so the extension collects everything there and the plugin unpacks it where they design.

2. Make fonts usable

   Installable fonts come first, web-only fonts are clearly separated, and web fonts are converted so they can be installed.

3. Add inspiration

   Version 2 also collects social posts and emails into a Social Inspiration section of the brand page.

4. Design for security

   Version 2.0.2 was a full security release, with path guards, resource limits and an audited build, so it could be rolled out.

• I kept every distinct colour instead of averaging them into a palette. Designers decide what is primary, not the tool.
• I treated the security review as part of the design. Tight permissions and clear limits are what got it approved.

• Gathering a brand went from a research task to a one-click step
• Every designer starts partner work from the same complete kit
• The extension-plus-plugin pairing became the model for Godfrey's Chrome extension

In a regulated company, getting through security review is part of the user experience.