Your Brand Colors, Baked Into Every Diagram

A founder scratched her own itch

Cathryn Lavery runs BestSelf.co — a brand with a very specific look and feel. Every time she asked Claude to make her a diagram, it spat out the same boring rounded boxes that could belong to any company on the internet.

So she fixed it herself.

She built a collection of 27 diagram types — flowcharts, timelines, org charts, Gantt bars, radar webs, flywheel loops, and more — and then added one clever touch: you give it your website address, and within about a minute it reads your fonts and colour palette and applies them to every single diagram from that point on.

No design software. No back-and-forth with a designer. You end up with something you can screenshot directly into a pitch deck or a doc and it looks like yours.

It went viral this week on GitHub — 7,000 people marked it as something worth coming back to.

For a restaurant owner, think menus and supplier maps that match your branding. For an agency, think client process diagrams that feel like your deck, not a tech tutorial.

Words worth knowing

Claude — An AI assistant made by Anthropic. You talk to it in plain language, and it helps you write, design, and think.

SVG — A type of image that looks sharp at any size, like a logo rather than a photo. These diagrams are built in SVG, so they never look blurry.

GitHub — A website where people share tools they've built. When something trends there, it usually means a lot of smart people found it genuinely useful.

Colour palette — The specific set of colours your brand uses. This tool pulls those automatically from your website so you don't have to type in any codes.

If you've ever handed a diagram over to a designer just to make it look less ugly, this is worth a look: https://github.com/cathrynlavery/diagram-design